Shadcn.io is not affiliated with official shadcn/ui
Logos Bento Three Equal Featured
A bento logo block with three equal-weight featured case study cells for React and Next.js with flagship icon containers, industry pills, inline quotes, highlighted metrics, and attribution rows built with shadcn/ui and Tailwind CSS
Showcase three equally-weighted customer stories side by side with a bento three-equal-featured logo block for React and Next.js. Features three content-rich cells in a three-column grid where every cell carries a size-12 inverted icon container, a text-xl bold wordmark, an industry pill, a specific text-sm quote, a text-2xl tabular-nums metric with label, and an avatar attribution row, with no single-winner hierarchy so all three stories carry equal weight. Built with TypeScript, motion/react parent entrance plus staggered per-cell fade with useReducedMotion, Lucide React icon marks paired with three invented placeholder wordmarks, and Tailwind CSS theme variables. Perfect for customer proof sections where three hero customers share the spotlight, triple-case-study shelves, and balanced social proof layouts on marketing homepages.
Related Components
React Logos Bento Featured Case Study Block
A bento grid with one featured case study and four supporting cells
React Logos Bento Wide Featured Top Block
A wide featured cell on top with supporting cells below
React Logos Bento Quote Cards Only Block
A two by two grid of equal quote cards
React Logos Bento Metric Cards Only Block
A three by two grid of equal metric cards
React Logos Bento Hybrid Quote Metric Block
A bento grid mixing quote and metric supporting cells
React Logos Featured Quote Split Block
A single logo paired with a customer quote
FAQ
Was this page helpful?
Sign in to leave feedback.
Bento Quote Cards Only
A bento logo block with four equal-weight quote cards arranged in a two-by-two grid for React and Next.js with small logo marks, semantic blockquotes, and avatar attribution rows built with shadcn/ui and Tailwind CSS
Bento Wide Featured Top
A bento logo block with a wide featured cell spanning the top row above three supporting cells for React and Next.js with horizontal flagship layout, industry pills, metrics, and attribution built with shadcn/ui and Tailwind CSS