Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: Ripple Button
Next: Scramble Button

Scatter Button

Button where letters scatter apart on hover and reassemble on leave for React.

Watch your words explode. Hover and each letter flies off in a random direction—a controlled chaos of typography. Leave and they magnetically snap back together, reforming your CTA. It's dramatic, it's unexpected, and it demands attention. The scatter feels explosive but the reassembly feels satisfying—like order from chaos. Perfect for bold brands, creative agencies, or any button that should feel energetic and unconventional. Not for the faint of heart.

Scatter Button preview

Loading...
Scroll to load preview

Installation

Install
Pro button

Typewriter Button

Typing text effect

Text Reveal Button

Neon text reveal

Glitch Button

Cyberpunk glitch

Confetti Button

Celebration particles

Flip Button

3D flip animation

Bounce Button

Elastic click bounce

FAQ

Ripple Button

Material Design ripple effect button with expanding circles from click point for React applications.

Scramble Button

Button with text that scrambles through random characters on hover for React.