Rack

An animated isometric server rack of eight pull-out units that respond to the pointer's height, lighting up each unit's status LEDs as it slides out.

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

import Rack from "@/components/ui/rack";

export default function RackDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center bg-background p-10">
      <Rack intensity={0.6} className="w-full max-w-md" />
    </div>
  );
}