Shadcn.io is not affiliated with official shadcn/ui
Logos Bento Five Cell Layout
A variant bento logo block for React and Next.js with a four-column two-row grid, a wide two-by-two featured cell, four single-cell supporting logos with industry pills and metrics, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS
Frame a flagship customer alongside four supporting logos with a variant five-cell bento layout for React and Next.js. Features a four-column two-row bento grid where a wider two-by-two featured cell holds a size-14 flagship mark with a text-2xl bold wordmark, an industry pill, a text-base leading-relaxed quote, a tabular-nums metric highlight, and an attribution row, while four single-cell supporting logos each carry an icon container, industry pill, wordmark, and retention metric on bordered hover-promotable surfaces. Built with TypeScript, motion/react parent entrance plus staggered per-cell fade with useReducedMotion, Lucide React icon marks paired with five invented placeholder wordmarks, and Tailwind CSS theme variables. Perfect for hero-case-study sections with a wider featured cell, landing page social-proof moments, and hybrid logo-wall plus testimonial layouts.
Related Components
React Logos Bento Featured Case Study Block
A bento grid with one featured case study plus supporting logos
React Logos Bento Dark Variant Block
A dark inverted bento case study panel
React Logos Bento Three Equal Featured Block
A three-equal-cell bento layout
React Logos Bento Wide Featured Top Block
A wide featured cell on top with supporting row
React Logos Bento With Compliance Cells Block
A bento with compliance-focused supporting cells
React Logos Featured Focal Hub Block
A central focal mark with supporting orbit
FAQ
Was this page helpful?
Sign in to leave feedback.
Bento Featured Case Study
A bento featured case study logo block for React and Next.js with a hero-weight featured cell holding a flagship logo plus quote plus metric plus attribution, four content-rich supporting cells each carrying an industry tag and retention metric, a subtle featured border accent, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS
Bento Hybrid Quote Metric
A bento logo block with a featured case study cell plus four supporting cells alternating between quote and metric types for React and Next.js with mixed-shape proof, industry pills, and attribution rows built with shadcn/ui and Tailwind CSS