Shadcn.io is not affiliated with official shadcn/ui
Logos 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
Pair a flagship customer story with compliance proof in a single bento layout for React and Next.js. Features a three-column two-row bento grid where one tall featured cell holds a size-14 flagship mark with a text-2xl wordmark, an industry pill, a text-base leading-relaxed quote, a highlighted metric with tabular-nums alignment, and an attribution row, while four compliance-focused supporting cells each carry an emerald CheckCircle2 badge, compliance standard name, and a brief context line on bordered hover-promotable surfaces. Built with TypeScript, motion/react parent entrance plus staggered per-cell fade with useReducedMotion, Lucide React icon marks, and Tailwind CSS theme variables. Perfect for enterprise-focused landing pages, security-conscious customer sections, and trust-building social-proof moments that combine one hero story with four compliance badges.
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 Five Cell Layout Block
A five-cell bento with wider featured cell
React Logos Static Grid Wall With Compliance Row Block
A static grid wall with a compliance row below
React Logos Featured Focal With Compliance Row Block
A featured focal hub with compliance row
React Logos Bento Hybrid Quote Metric Block
A hybrid bento with quote and metric cells
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Compact Footer Ribbon Strip
An ultra minimal footer ribbon logo strip for React and Next.js with an eyebrow left split, eight compact logo marks, and a horizontal flex-wrap layout built with shadcn/ui and Tailwind CSS