Bento Grid
Also known as: Asymmetric Grid, Card Grid, Module Grid
A modern layout structure that arranges content in an asymmetrical grid pattern, similar to Japanese bento lunch boxes. Used for dashboards, homepages, and content showcases.
containerlayoutgridmoderndashboard
Visual Example
Loading component...
Related Components
Card
A flexible container that groups related content and actions, often with visual separation from surrounding elements.
Accordion
A vertically stacked list of items where each item can be expanded or collapsed to reveal or hide content associated with that item.
Carousel
A slideshow component for cycling through elements, images or slides of content.