Bento Grid
20 resources in the index ship this component, best first. Group: Layout.
Also called · feature grid · tile mosaic · bento box layout · mosaic grid
Ships it
20- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and code
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI install
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and React
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- Sections.wtf · ~275 landing-page sections from real sites, sorted into 22 section types
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code plugin
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemium
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-code
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime license
- BentoGrids · 285 real bento-grid layouts captured from shipping sites and brand work
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templates
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs site
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGs
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid components
- useLayouts · 26 Motion-driven micro-interaction components installable via the shadcn CLI
- Mockuuups Bento Grid Examples · Listicle of 9 named sites using bento-grid layouts, with a short read on each