Getting Started
Templates
Components
Special Effects
Animations
Text Animations
Backgrounds
import { PulsatingButton } from "@/components/ui/pulsating-button"<PulsatingButton>Pulsating Button</PulsatingButton>| 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. |