Shadcn.io is not affiliated with official shadcn/ui
Split Button
Button that splits apart horizontally on hover revealing a glowing core for React.
Split Button preview
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.
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 split-button button into my projectRelated Components
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
Was this page helpful?
Sign in to leave feedback.