Animated React button components
Shimmer, rainbow, ripple, magnetic and moving-border buttons, a promise-aware stateful button and a View Transitions theme toggle. Real buttons with focus rings, ready for your CTAs.
8 components · free and MIT licensed · install any of them with the shadcn CLI
Confetti
Dependency-free confetti burst, fired from anywhere.
Magnetic Button
Leans toward the cursor and springs back on leave.
Moving Border
A light laps the button's border via offset-path.
Rainbow Button
CTA cycling the brand ramp, with a matching glow beneath.
Ripple Button
Expands a ripple from the exact point you pressed.
Shimmer Button
CTA button with a continuous light sweep.
Stateful Button
Button that morphs through loading, success and error states while a Promise settles.
Wipes the theme in from the button
Theme Toggler
Wipes the new theme in as a circle using View Transitions.