Shadcn.io is not affiliated with official shadcn/ui
Sparkle Button
Button with twinkling sparkles that dance around the edges on hover for React.
Add some magic. Hover over this button and tiny sparkles burst to life around the edges—twinkling, fading, reappearing like stars waking up. It's enchanting without being childish, magical without being cheesy. The sparkles are randomly placed and sized, so it never looks repetitive. Perfect for creative tools, design apps, pro features, or any action that should feel special. Think "unlock premium" or "create magic." When you leave, the sparkles gently fade away.
Sparkle Button preview
Installation
Related Components
Confetti Button
Celebration particles
Shimmer Button
Flowing shimmer effect
Glow Border Button
Rotating gradient glow
Pulse Button
Pulsing attention ring
Magnetic Button
Particle attraction
Ring Expand Button
Expanding rings
FAQ
Was this page helpful?
Sign in to leave feedback.