Docs
Bento Grid

Bento Grid

Bento grid design for showcasing features. Customizee each Bento Card to your liking or use the default design that wee provide.

Installation

Bento Grid To Display Your Content

Audio Analysis

Get perfect clarity

Our AI-powered audio analysis will help you understand your customers better than they understand themselves.

Shape of You by Ed Sheeran

Controlla by Drake

Music

Kanban

Interactive Board

Our interactive kanban board will help you keep track of your music projects.

dashboard image

Speed

Built for performance

Access your music library in seconds with our high-speed servers.

dashboard image

Source

Receive the latest music

Our music source is updated daily with the latest tracks from your favorite artists.

dashboard image

Components

Shadcn

Use the Shadcn CLI to use custom components in your projects.

npx shadcn@latest add https://www.uicart.io/registry/bento-grid-01.json

Usage

import BentoGrid from "@/components/block/bento-grid-01/bento-grid.tsx";

    <div className="space-y-10">
      <div className="mx-auto max-w-xl text-center">
        <h2 className="font-display text-4xl font-extrabold leading-[1.15] [text-wrap:balance] sm:leading-[1.15]">
          Bento Grid To Display Your Content
        </h2>
      </div>
      <BentoGrid />
    </div>