Shockwave Button

Feel the impact. Click and a single powerful ring explodes outward from the button—a shockwave that says "something happened." Unlike continuous pulses, this is a one-shot blast tied to your click. It's immediate feedback with dramatic flair, like dropping a stone in water. Perfect for submit buttons, confirmations, or any action with real consequences. The shockwave expands and fades, leaving your button ready for the next impact. Satisfying, powerful, decisive.

Shockwave Button preview

Installation

npx shadcn@latest add https://www.shadcn.io/registry/shockwave-button.json

npx shadcn@latest add https://www.shadcn.io/registry/shockwave-button.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/shockwave-button.json

bunx shadcn@latest add https://www.shadcn.io/registry/shockwave-button.json

Related Components

FAQ