Shadcn.io is not affiliated with official shadcn/ui
Logos Bento Dark Variant
A dark inverted bento featured case study logo block for React and Next.js with a rounded dark panel containing a tall featured cell plus four content-rich supporting cells, inverted palette throughout, and monochrome icon marks with industry pills built with shadcn/ui and Tailwind CSS
Anchor a marketing page with an inverted dark bento case study layout for React and Next.js. Features a rounded-2xl bg-foreground dark panel wrapping a three-column two-row bento grid where one tall featured cell holds an inverted 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 content-rich supporting cells each carry an icon container, industry pill, wordmark, and retention metric on border-background/15 bg-background/[0.05] inverted 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 dark marketing sections, inverted social-proof panels, and hybrid case-study plus logo-wall moments on landing pages.
Related Components
React Logos Bento Featured Case Study Block
A bento grid with one featured case study plus supporting logos
React Logos Dark Inset Wall Block
A dark inverted logo wall panel
React Logos Dark Inset Bento Case Study Block
A dark inset bento case study
React Logos Featured Focal Dark Variant Block
A dark featured focal hub layout
React Logos Featured Quote Dark Variant Block
A dark featured quote split layout
React Logos Bento Five Cell Layout Block
A five-cell bento layout with wide featured cell
FAQ
Was this page helpful?
Sign in to leave feedback.
Wizard
A marketing-scale step-by-step FAQ wizard for React and Next.js with progress indicator, current-step state, animated transitions between steps, and a ShadcnioButton Previous/Next control pair built with shadcn/ui and Tailwind CSS
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