Shadcn.io is not affiliated with official shadcn/ui
Success Button
Button that transforms into a success checkmark when completed for React.
The most satisfying button state. Click it, watch it transform into a green checkmark with a smooth animation. It tells users "done!" without needing a toast or alert. The checkmark draws itself in, then the button can reset or stay confirmed. Perfect for save buttons, add-to-cart, form submissions—anywhere success feedback matters. That little animation dopamine hit keeps users happy.
Success Button preview
Loading...
Scroll to load preview
Installation
Install
Pro button
Related Components
Loading Button
Built-in spinner
Copy Button
Clipboard with feedback
Confetti Button
Celebration particles
Bounce Button
Elastic click bounce
Shockwave Button
Impact shockwave
Ripple Button
Material Design ripple