Pulsating Button

Pro

An animated pulsating button useful for capturing attention of users.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.


pnpm dlx shadcn@latest add @tealmac-pro/pulsating-button

Prop	Type	Default	Description
`children`	`React.ReactNode`	`-`	The content of the button.
`className`	`string`	`-`	Additional class names for the button.
`pulseColor`	`string`	`Derived from button background`	Any valid CSS color for the pulsing waves.
`duration`	`string`	`1.5s`	The duration of one pulse.
`distance`	`string`	`8px`	How far the pulse expands from the button.
`variant`	`"pulse" \| "ripple"`	`pulse`	The pulse animation style.