Documentation menu

Agent Pulse

A quiet central spark with two breathing halos for agent activity.

Installation

pnpm dlx shadcn@latest add https://loading.design/r/agent-pulse.json

Usage

import { AgentPulse } from "@/components/loading/agent-pulse"
<AgentPulse size={36} speed={1.8} />

API

PropTypeDefaultDescription
sizenumber36Rendered width and height in pixels.
speednumber1.8Duration of one animation cycle, in seconds.
labelstringThinkingAccessible status label. Pass an empty string for decorative use.

Accessibility

The component exposes a polite status through its label. Use an empty label only when nearby text already communicates the loading state, or when the motion is purely decorative.