Slingshot Slider
Pull back and release to set the value.
Slingshot Target Game
🎯 Your Mission:
- Hit targets within ±5 points
- Score as many points as possible
- Beat the clock - only 30 seconds!
Installation
npx shadcn@latest add "https://ui.paukraft.com/r/slingshot-slider"
Custom Props
icon
The lucide icon to use for the slingshot.
Type: LucideIconRequired: NoDefault: Volume2
maxAngle
The maximum angle the slingshot can be pulled back.
Type: numberRequired: NoDefault: 35
fullPowerTime
The time it takes to reach full power in milliseconds.
Type: numberRequired: NoDefault: 1000
flyTime
The time it takes for the dot to fly from the icon to the destination point on the slider in milliseconds.
Type: numberRequired: NoDefault: 400
Dependencies
NPM Dependencies
motion
@radix-ui/react-slider
lucide-react