Bento Grid
21 resources ship this component · Layout
Also called: feature grid, tile mosaic, bento box layout, mosaic grid.
Ships it
- NameThatUI · Visual dictionary that maps 76 web and macOS UI elements to their real names and codeDesign Systems & Brand GuidelinesS
- React Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionA
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templatesComponent LibrariesA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Sections.wtf · ~275 landing-page sections from real sites, sorted into 22 section typesInspiration GalleriesA
- shadcn design · Paid Figma kit for shadcn/ui, plus coded Pro Blocks and a Figma-to-code pluginBlocks, Templates & ThemesA
- Shadcn Space · 401+ shadcn blocks, 393+ component variants and 10 site templates, freemiumBlocks, Templates & ThemesA
- shadcn Studio · 800+ shadcn blocks, 16 templates, themes, MCP server and Figma-to-codeBlocks, Templates & ThemesA
- Shadcnblocks · 1,837 paid shadcn blocks and 19 Next.js and Astro templates, lifetime licenseBlocks, Templates & ThemesA
- BentoGrids · 285 real bento-grid layouts captured from shipping sites and brand workInspiration GalleriesB
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templatesBlocks, Templates & ThemesB
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs siteBlocks, Templates & ThemesB
- Solace UI · Marketing page blocks for Next.js, Tailwind, and MotionBlocks, Templates & ThemesB
- Tailark · shadcn registry of marketing-site blocks, illustrations and brand logo SVGsBlocks, Templates & ThemesB
- The Gridcn · Tron-styled shadcn registry: 140 items, six themes, HUD and 3D grid componentsComponent LibrariesB
- useLayouts · 64 free animated React components with source installation through the shadcn registryMotion & InteractionB
- Mockuuups Bento Grid Examples · Listicle of 9 named sites using bento-grid layouts, with a short read on eachInspiration GalleriesC