Shadcn.io is not affiliated with official shadcn/ui
Ripple Button
Material Design ripple effect button with expanding circles from click point for React applications.
Ripple Button preview
Classic Material Design ripple effect that creates expanding circles from where you click. Each click spawns a new ripple that expands and fades, creating satisfying visual feedback. Supports multiple simultaneous ripples for rapid clicking. Features multiple variants (default, destructive, outline, secondary, ghost) and sizes. Built with Motion for React using absolute positioning and scale transforms. Perfect for any interactive button that needs tactile feedback.
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 ripple-button button into my projectRelated Components
Liquid Button
Fluid fill animation on hover
Flip Button
3D flip reveal animation
Magnetic Button
Particle attraction effect
Icon Button
Animated icon with active state
Copy Button
Clipboard copy with feedback
Corner Accent Button
Animated corner accents
FAQ
Was this page helpful?
Sign in to leave feedback.