Shadcn.io is not affiliated with official shadcn/ui
Pulse Button
Attention-grabbing button with pulsing rings that radiate outward for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Pulse Button 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. 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 pulse-button button into my projectRelated Components
Record Button
Recording state machine
Ripple Button
Material click ripple
Neon Button
Glowing neon halo
Glow Border Button
Continuous rotating glow
Shake Button
Triggered error shake
Success Button
Success checkmark state
FAQ
Was this page helpful?
Sign in to leave feedback.
Pill Button
Pill-shaped button with a primary-tinted ring and inset highlight that suggests a curved surface for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.
Record Button
Recording state-machine button — circle ↔ square icon morph inside, with a destructive-tinted pulsing ring around the button while recording, for React, Next.js, shadcn/ui, Tailwind CSS, TypeScript. Built on the base-ui shadcn Button.