Dodge Field
Wrapper that makes any child dodge the pointer until it relents and glides home.
Use Dodge Field 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/DodgeField-TS-TWRelated components
- Flying Button
Button that fires its thrusters on hover, lifts off on a WebGL smoke plume and lands back in its own cloud.
- Glide Select
Select chip whose menu pops from its corner and whose highlight glides between rows.
- Peek Rating
Star rating that lifts a wave of stars up to the pointer, then commits with a pop on click.