Shadcn.io is not affiliated with official shadcn/ui
Logos 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
Headline your best customer story above a row of supporting proof with a bento wide-featured-top logo block for React and Next.js. Features a full-width featured cell that spans all three columns on the top row carrying a size-16 inverted flagship mark on the left paired with a text-2xl wordmark, a large quote, a highlighted metric, and an attribution row on the right, plus three content-rich supporting cells below each with an icon-plus-industry top cluster and a wordmark-plus-metric bottom cluster. Built with TypeScript, motion/react parent entrance plus staggered per-cell fade with useReducedMotion, Lucide React icon marks paired with four invented placeholder wordmarks, and Tailwind CSS theme variables. Perfect for landing page proof sections where one flagship story anchors three supporting brands, horizontal case study headers, and asymmetric bento layouts that emphasize a featured partner.
Related Components
React Logos Bento Featured Case Study Block
A bento grid with one featured case study and four supporting cells
React Logos Bento Three Equal Featured Block
Three equal-weight featured cells in a row
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 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
Bento With Compliance Cells
A bento featured case study logo block for React and Next.js with a tall featured cell plus four compliance-focused supporting cells each carrying an emerald check badge, compliance standard name, and context line built with shadcn/ui and Tailwind CSS