Bento Card

Cards 1.1K

About

An interactive bento card with animated tabs and workspace preview.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Bento Card to your project and fits it to your theme.

Code

How Bento Card is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";
import BentoCard from "@/components/ui/bento-card";

export default function Demo() {
  return (
    <div className="flex items-center justify-center w-full min-h-screen bg-background p-8">
      <BentoCard />
    </div>
  );
}