Blog

Shadcn Investor Block Seven

Shadcn Investor Block Seven preview built with Shadcn UI and Tailwind CSS
A compact investors proof panel with firm logos and a separate funding metric callout for verified company context.

Shadcn Investor Block Seven is the metric-led investor variant. It does not render individual investors at all. Instead, it places a rounded proof panel at the top with Our investors, Backed by world-class firms, and five firm logos, then follows with a separate funding callout: $50M+ and Total funding raised.

That makes the block more about company context than profile browsing. It is a good fit when the page has a verified funding number and wants to keep the investor section short.

Source-backed structure

  • The proof panel uses a soft bg-foreground/3 surface, rounded-3xl, and responsive padding.
  • Firm logos render in a wrapped flex row, with each SVG assigned its own display height.
  • The funding metric sits below the panel with its own margin and horizontal padding.
  • The source includes an @3xl:col-span-2 class even though the immediate wrapper is not a multi-column grid, so that class currently has no visible effect.

Best fit and customization

Use this shadcn investors section on a SaaS website, funding announcement, or company page where a single metric is stronger than a long list of angel profiles. It pairs well with other shadcn UI blocks that already handle narrative, team, or press details elsewhere on the page.

The $50M+ value is demo content. Do not ship it unless it is your verified funding total. If you do not have a public number, replace the metric with a truthful proof point, such as a funding round name, number of participating funds, or remove the callout entirely.

Implementation notes

The block is static React with local SVG imports and Tailwind CSS styling. It has no next/image dependency because there are no avatars. If the metric comes from CMS data, keep the label and number together so stale funding copy does not drift from the value.

Frequently asked questions

Does this block show individual investors?

No. It shows firm logos and a funding metric only.

Is Shadcn Investor Block Seven responsive?

Yes. The proof panel padding changes at md, and the logo row wraps as needed.

Can I customize this Tailark block?

Yes. Replace the logos, metric, label, panel background, and spacing to match your company page.

Related Shadcn UI blocks

Start from Tailark

Preview Shadcn Investor Block Seven

Build with Tailark Pro

Tailark Pro brings together essential marketing pages, blocks, and illustrations — designed to help you launch faster without compromising design.

Get AccessLearn More