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.

@delego

bytimmikeladze

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>
  );
}

More examples

Interactive track scrubbingOpen page →

Isometric camera viewOpen page →

Loading preview...

Source

github.com/TimMikeladze/robocn/blob/main/src/components/ui/robot-hockey-puck.tsx

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Robot Hockey Puck

More examples

Tags

Source

License

Published

Similar components

Explore more