Skip to content
don’t make it ugly
All resources

PackageComponents, Motion

Thinking Orbs

An animated orb that shows what your AI is doing: listening, thinking, searching, working.

Staff pickFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)
Preview of Thinking Orbs

What it is

Thinking Orbs is a small component by Jakub Antalik and Alex Brinza for the states an AI feature passes through: listening, working, searching, solving, composing and more, each with its own motion. Available for React (npm install thinking-orbs), SwiftUI and React Native, with a playground to set size and speed.

Why it’s here

Most agent-powered apps show a spinner or three dots while the model works. This is a better answer, and a rare example of motion designed for AI products rather than bolted on. Use one state per moment and keep the size modest.

Best for

  • AI assistant states
  • loading and progress moments
  • agent-powered apps

Can my agent use this?

Agent excellent agent friendliness

Yes. The site shows the full usage snippet and the package installs from npm. Tell your agent which states map to which parts of your flow.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • npm
  • GitHub
  • Public website

Install

npm install thinking-orbs

Related resources

  • NumberFlow
    Preview of NumberFlow

    NumberFlow

    Animated number transitions that make counters, prices and stats feel expensive.

    excellent agent friendlinessPackageFreeOpen source
  • Aceternity UI
    Preview of Aceternity UI

    Aceternity UI

    Showy, copy-paste React components for landing pages that need a moment.

    good agent friendlinessComponent library
  • Magic UI
    Preview of Magic UI

    Magic UI

    Animated React components and effects for landing pages, built to sit alongside shadcn/ui.

    excellent agent friendlinessComponent libraryOpen source
  • React Three Fiber
    Preview of React Three Fiber

    React Three Fiber

    Three.js as React components, with a huge helper ecosystem.

    excellent agent friendlinessPackageFreeOpen source