Introducing Magic UI Pro - 50+ blocks and templates to build beautiful landing pages in minutes.

Docs
Pulsating Button

Pulsating Button

An animated pulsating button useful for capturing attention of users.

Installation

Usage

import { PulsatingButton } from "@/components/magicui/pulsating-button";
<PulsatingButton>Pulsating Button</PulsatingButton>

Props

PropTypeDefaultDescription
childrenReact.ReactNode-The content of the button.
classNamestring-Additional class names for the button.
pulseColorstring-The rbg numbers only for the color of the pulsing waves.
durationstring-The time span of one pulse.

Credits