Bento Grid Layout

A masonry-style grid layout component for showcasing content.

Preview
The Dawn of Innovation
Explore the birth of groundbreaking ideas and inventions.
The Digital Revolution
Dive into the transformative power of technology.
The Art of Design
Discover the beauty of thoughtful and functional design.
The Power of Communication
Understand the impact of effective communication in our lives.
The Pursuit of Knowledge
Join the quest for understanding and enlightenment.
The Joy of Creation
Experience the thrill of bringing ideas to life.
The Spirit of Adventure
Embark on exciting journeys and thrilling discoveries.

Customize

Installation & Usage

tsx
import { BentoGrid, BentoGridItem } from "@/components/ui/bento-grid";
import { IconClipboardCopy, IconFileBroken, IconSignature, IconTableColumn } from "@tabler/icons-react";

export function BentoGridDemo() {
  return (
    <BentoGrid className="">
      <BentoGridItem
        title="The Dawn of Innovation"
        description="Explore the birth of groundbreaking ideas and inventions."
        header={<div className="" />}
        icon={<IconClipboardCopy className="" />}
        className=""
      />
      {/* Add more items */}
    </BentoGrid>
  );
}