About
An interactive isometric wooden chest icon that lifts its lid to reveal and float up items inside when clicked, built with projected SVG line art.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Chest to your project and fits it to your theme.
Code
How Chest is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import Chest from "@/components/ui/chest";
export default function ChestDemo() {
return (
<div className="flex w-full items-center justify-center p-10">
<Chest intensity={0.6} className="w-full max-w-md" />
</div>
);
}








