Skip to content
Acme
Components

A library of 34 primitives, composed for real product interfaces.

Base UI-backed components with consistent tokens, accessible states, and restrained interaction details.

Media & Feedback34 / 34

Spinner

Animated pill-bars for pending states, inline status, and loading controls.

Sizes

The default spinner is 16px in layout, with the SVG artboard preserving the pill-bar proportions. Scale with size utilities when needed.

  • Small

    className="size-3"

  • Default

    default

  • Large

    className="size-6"

  • Very big

    className="size-16"

Color

Spinner uses currentColor, so it inherits foreground, semantic, or parent text color without extra props.

  • Muted

  • Primary

  • Destructive

Composition

Use it inline for loading copy, or compose it inside disabled controls to indicate pending actions.

  • Inline status

    Syncing transcript…

  • Button loading

  • Icon button

    size="icon"