
Shadcn Investor Block One is a two-part investors section for a SaaS website or company page. The top half centers the heading Backed by incredible investors, then places five firm logos in a simple flex row: Y Combinator, Accel, SVA, Sequoia, and Salesforce. The lower half switches to Individual investors and renders a nine-person grid with GitHub-hosted avatars, names, and roles.
This is the cleanest investor proof variant in the set. It does not add funding numbers, testimonials, or a CTA. That makes the section useful when the page already has enough narrative elsewhere and only needs a quiet credibility band backed by recognizable logos and profile cards.
@container, max-w-5xl, and centered text, so the profile grid can react to container width rather than only viewport width.@md:grid-cols-2 and @2xl:grid-cols-3.next/image, a rounded frame, and a subtle foreground border, so real headshots can replace the demo images without changing the React component.Use this shadcn UI block when investor proof is supporting evidence, not the main story. It can sit below a hero, near a funding announcement, or inside an about page where the company wants to show both institutional and individual backing.
The demo data names real people and firms, but the source does not prove that they invested in your company. Treat every logo, name, avatar, and role as placeholder content. Replace it with confirmed investor data, add links only when you have destinations worth sending visitors to, and avoid turning the section into a claim the rest of the page cannot support.
The section is plain React and Tailwind CSS. There is no client-side state, so it works well in a Next.js route as a server-rendered investors section. Preview the layout at narrow widths because the logo row wraps before the profile grid changes columns.
No. The source renders logos, avatars, names, and roles only. Add links deliberately if your investor page or press release needs them.
Yes. The source uses a wrapped logo row and container-query grid columns for the investor cards.
Yes. Swap the imported SVG logos, edit the investors array, and adjust spacing or columns through Tailwind CSS classes.
Build with Tailark
Production-ready marketing blocks, pages, and illustrations for Shadcn UI.