Pulse Buttons
Buttons with a soft pulsing glow that draws the eye over time. Highlight a single primary action like start trial or buy now on a busy page.
Buttons with a soft pulsing glow that draws the eye over time. Highlight a single primary action like start trial or buy now on a busy page.
Search blocks by description or jump to a page.
Pulse Buttons shows five button variants side by side in a centered, wrapping row: Default, Secondary, Destructive, Outline, and Ghost. Every button pulses continuously at rest to pull the eye toward it. When the pointer hovers over a button, the pulse stops immediately so the label reads cleanly and the click feels deliberate.
Each button is an independent unit. You can drop in one variant or all five, relabel any of them, and remove the rest without touching the layout. The pulse effect is self contained on each button, so mixing pulsing and non pulsing variants on the same page is straightforward.
Reach for this block when you need a call to action that stays visible over time without requiring a user interaction to notice it. It works well on a healthcare scheduling product where a "Book Appointment" or "Start Consultation" button must hold attention on a page with a lot of supporting information. It is better suited to persistent nudging than border animation buttons, which only animate on hover.
A natural flow around it on a Components page:
Before
After
Any single primary action that needs to stay visible while the user scans the surrounding content. A few specific fits:
Tip: limit pulsing buttons to one per visible screen area. Multiple pulsing elements compete for attention and cancel each other out.