Shadcn.io is not affiliated with official shadcn/ui
Sparkle Button
Button with twinkling sparkles that dance around the edges on hover for React.
Sparkle Button preview
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.
Install with AI
If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this button for you — no copy-paste, no CLI:
use shadcnio to install the sparkle-button button into my projectRelated 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.