Free animated React component library
Animated button components.
Magnetic, hold to confirm, slide to commit and download buttons with springy presses and states that change in place. Hand-tuned motion components for React, completely free. Play with each one live, then copy the code or give your AI agent the prompt that comes with it.
Animated React button components
- Bell toggle: A pill toggle where a press rings the bell, crossfades the label and unfurls the pill.
- Slide commit: Slide to confirm: drag the handle past the line and it commits with a spinner and a green check; let go early and it springs home.
- Download button: A download pill whose page icon fills up like liquid as the percentage counts, while a waving fill sweeps across, then a check lands on the page.
- Receipt button: A pay button that turns into a receipt printer: progress fill, check draw, line-by-line paper feed and a torn-off receipt.
- Fuse button: An action button whose done state carries an undo on a burning fuse.
- Magnetic button: A button that leans toward your cursor on a spring.
- Hold to confirm: Hold to fill, let go to cancel.