LogoStarterkitpro
Components

Bento Grid

A modern grid layout for showcasing content in varied-sized blocks

A visually appealing grid layout with varied-sized blocks for displaying features, content, or images in a modern "bento box" style.

Bento Grid component

Usage

import BentoGrid from "@/components/sections/BentoGrid";

Tips

  • Use larger blocks for more important features or content
  • Include icons or illustrations that clearly represent each item
  • Keep text concise within each block
  • Maintain visual hierarchy with consistent styling
  • Consider using hover effects to enhance interactivity

On this page