Shadcn.io is not affiliated with official shadcn/ui
Shake Button
Button that shakes horizontally to indicate errors or invalid actions for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Shake Button preview
The universal "nope" signal. Trigger the shake and the button vibrates side-to-side like a head shake—instantly communicating that something's wrong. It's the same feedback pattern your phone uses for wrong passwords. No need for error toasts or red text, the shake says it all. Perfect for form validation, auth failures, or any blocked action. Brief, clear, unmistakable. Built on top of the shadcn Button so every variant and size you already use just works.
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 shake-button button into my projectRelated Components
Long Press Button
Hold to confirm
Success Button
Success checkmark state
Loading Button
Async loading state
Confetti Button
Particle burst on click
Pulse Button
Pulsing attention rings
Copy Button
Clipboard with feedback
FAQ
Was this page helpful?
Sign in to leave feedback.
Ripple Button
Material Design ripple effect button with expanding circles from click point for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Shimmer Button
Button with a flowing shimmer border around a solid primary core for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.