Squish Switch
Switch whose thumb stretches with speed and squashes against the end when you flick it.
Use Squish Switch in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/SquishSwitch-TS-TWRelated components
- Rubber Segment
Segmented control whose rubber thumb stretches across the gap and squashes into place.
- Comet Dial
Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.
- Sling Button
Send button you pull back like a slingshot and release to fire.