Bento Grids
4 components
Bento Grid 01
A flexible bento grid layout component perfect for showcasing features, products, or services. Features responsive 2x2 design, header section with subtitle/heading/description, clean card layouts without gradients or buttons. Includes icons, images, badges, and comprehensive customization options.
Bento Grid 02
A clean 2x2 bento grid layout with image-first design and gradient fade effects. Features images positioned at the top of each card with gradient overlays, consistent card layouts, header section with subtitle/heading/description, and hover effects with scale animations. Perfect for visually-driven product showcases, portfolio displays, and marketing pages requiring strong visual emphasis with professional polish.
Bento Grid 03
A clean bento grid with flexible layout: row 1 has 2 equal columns, row 2 has 3 equal columns. Features subheading, title, description, and image structure without icons or additional decorations. Perfect for content-focused product showcases, service highlights, and marketing pages requiring structured information presentation with professional typography and clean visual hierarchy.
Bento Grid 04
A clean bento grid layout inspired by GitHub's security features showcase. Features a prominent main section with supporting cards below in a 3-column responsive layout. Perfect for feature showcases, security platforms, and product demonstrations requiring visual hierarchy with clean design and professional typography.