Magic Bento

Features

About

This is a nice and clean Magic Bento Component!

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

Code

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

Usage.tsx

import MagicBento from "@/components/ui/magic-bento";

export default function DemoOne() {
  return <MagicBento
 textAutoHide={true}
  enableStars={true}
  enableSpotlight={true}
  enableBorderGlow={true}
  enableTilt={true}
  enableMagnetism={true}
  clickEffect={true}
  spotlightRadius={300}
  particleCount={12}
  glowColor="132, 0, 255"
  />
  }