Robot Hockey Puck

An animated SVG hockey puck that slides and bounces across a rink using real Coulomb-friction physics, with draggable/keyboard-controlled scrubbing and switchable plan, front, profile and isometric camera views.

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

import RobotHockeyPuck from "@/components/ui/robot-hockey-puck";

export default function RobotHockeyPuckDemo() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center">
      <RobotHockeyPuck behavior="slap" heading={24} size="lg" />
    </div>
  );
}