Planes

Components

Physics

Radial spikes pulse outward in a staggered sine wave. A distinctive loading animation.

All components
Ingest

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/pulse-spikes

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

<PulseSpikes spokes={14} interval={120} />

Use cases

  • Route / page loading state

    A distinctive alternative to a spinner while a page or panel loads.

  • AI "thinking" indicator

    Signal that a model is working before the first token or result arrives.

  • Empty-state flourish

    Add a bit of ambient motion to an otherwise static empty state.

  • Hero accent

    A quiet decorative pulse behind a headline or CTA.