Motion

Where to Use Orbit in React Apps

Orbit is a Siri-like conic gradient orb with size variants and an Ask AI chip. Teams ship it when the entry point to an assistant should feel alive and iconic rather than a flat button.

Open live previewBrowse components

Where teams use Orbit

  1. Use case 1

    Global Ask AI launcher

    Place Orbit in the corner or empty state with an Ask AI chip that opens the agent. Size variants fit nav bars and full-bleed heroes.

  2. Use case 2

    Voice or multimodal idle state

    While listening or thinking, the orb communicates presence. Conic motion reads as active without spinner fatigue.

  3. Use case 3

    Onboarding meet-the-agent

    First-run screens introduce the assistant with Orbit as the brand mark. Chip copy sets the primary action clearly.

  4. Use case 4

    Status of background agents

    Dashboards show per-agent orbs at small sizes when jobs are running. Visual language stays consistent with the chat product.

Who it is for

AI UX engineers designing memorable assistant entry points and idle states.

Try Orbit on AkmanOS

Try size variants in the live preview, then copy markdown into Cursor or Claude to drop Orbit into your Ask AI entry flow.

Preview /preview/orbit

More in Motion