Shadcn Logo Cloud Block Eight
Shadcn Logo Cloud Block Eight is the compact option in the logo-cloud set. The source uses a small centered trust line, then places six demo logos in a short responsive grid.
The section is capped at max-w-sm, so it behaves more like a proof badge than a full-width brand wall. The logo grid starts with two columns and becomes three columns at the small breakpoint, with each cell given a fixed height through *:h-16.
Compact social proof
This variant is a good fit for a SaaS landing page sidebar, a pricing footer, a signup panel, or any place where social proof should support the surrounding message without taking over the page. There is no CTA and no animation, which keeps the component easy to scan.
The source imports local SVG logo components and normalizes their fill with **:fill-foreground. Those logos are placeholders. Replace them with approved customer, partner, or integration marks, and rewrite the trust line so it describes something you can actually support.
Responsive behavior
On mobile, the two-column grid keeps each logo large enough to read. At small widths, three columns create a neat two-row cloud. Because the design is intentionally narrow, avoid adding too many logos; if you need more than six, a wider shadcn UI blocks variant will usually preserve the hierarchy better.
The implementation is straightforward React and Tailwind CSS for a Next.js app, with no client-side state or animation dependency.
Related Shadcn UI blocks
Start from Tailark
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