Make your AI a shadcn expert
Previous: Outline Fill Button
Next: Ring Expand Button

Pulse Button

Attention-grabbing button with pulsing rings that radiate outward for React.

Pulse Button preview

Scroll to load preview

Need users to actually notice your CTA? This button pulses with soft rings that expand outward, creating that "click me" effect without being annoying. Perfect for onboarding flows, trial signup buttons, or that one action you really want users to take. The pulse is subtle enough to loop forever without causing eye strain. Pairs beautifully with your primary brand color and works on any background.

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 pulse-button button into my project

Shine Button

Diagonal light sweep

Glow Border Button

Rotating gradient glow

Ripple Button

Material Design ripple

Liquid Button

Fluid fill animation

Magnetic Button

Cursor attraction

Corner Accent Button

Animated corners

FAQ

Was this page helpful?

Sign in to leave feedback.

Outline Fill Button

Button that fills from outline to solid with rising animation on hover for React.

Ring Expand Button

Button with expanding concentric rings that pulse outward on hover for React.