Modus UI

Pulse Button

Web (React)

A button with an organic, rhythmic pulsing animation to draw user attention.

A button with an organic, rhythmic pulsing animation to draw user attention. Perfect for primary calls to action or "live" indicators.

Organic Pulse Effect

Installation

CLI

npx @modus-ui/cli add pulse-button

Manual

  1. Copy the code from the component tab.
  2. Create a file at components/ui/pulse-button.tsx.
  3. Paste the code.

Usage

tsx
import { PulseButton } from "@/components/ui/pulse-button";

export default function Example() {
  return <PulseButton>Get Started</PulseButton>;
}

Props

PropTypeDefaultDescription
childrenReactNode-The content inside the button.
classNamestring-Additional CSS classes for the button.

Comments

  • No comments yet.