AI Orb Studio

Design animated AI status orbs and export the code.

AI Orb Studio — choose AI status orb state, variant, shape and render, preview it live, then copy code or export as SVG.

How to use AI Orb Studio

  1. Pick a status state such as thinking, listening or speaking.
  2. Choose one of 23 variants, then a shape and a render style.
  3. Adjust size, speed and colour until the preview looks right.
  4. Press Play to preview the animation or Pause to freeze it.
  5. Copy the React snippet, copy the CSS, or download the orb as SVG.

Features

  • 9 AI status states with matching colours and motion
  • 23 variants across 5 shapes and 8 render styles
  • Live animated preview with play, pause and shuffle
  • Size, speed and colour controls with seeded randomiser
  • Copy React code and CSS, or export a standalone SVG
  • Runs fully in your browser — nothing is uploaded

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.