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
FAQ
Was this page helpful?
Sign in to leave feedback.