Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Sparkle Button
Next: Spotlight Button

Split Button

Button that splits apart horizontally on hover revealing a glowing core for React.

Dramatic and unexpected. Hover and the button cracks open—two halves sliding apart to reveal a glowing energy core inside. It's theatrical in the best way, perfect for gaming sites, creative portfolios, or launch pages where you want maximum impact. The split is smooth and the glow pulses gently. When you move away, it seals back together. Memorable, unique, conversation-starting.

Split Button preview

Loading...
Scroll to load preview

Installation

Install
Pro button

Slide Reveal Button

Layers slide apart

Morph Button

Shape morphing

Neon Button

Glowing neon effect

Glitch Button

RGB split glitch

Scatter Button

Letters explode

Flip Button

3D flip reveal

FAQ

Sparkle Button

Button with twinkling sparkles that dance around the edges on hover for React.

Spotlight Button

Button with a soft light that follows your cursor on hover for React.