PackageComponents, Motion
Thinking Orbs
An animated orb that shows what your AI is doing: listening, thinking, searching, working.
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 friendlinessYes. 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-orbsRelated resources
Motion-Primitives 
Motion-Primitives
Tasteful animated components for React, built with Motion.
Component libraryFreeOpen sourceexcellent agent friendlinessStaff pickNumberFlow 
NumberFlow
Animated number transitions that make counters, prices and stats feel expensive.
PackageFreeOpen sourceexcellent agent friendlinessRive 
Rive
Interactive vector animations with state machines, playable in any app.
ToolOpen sourcegood agent friendlinessAceternity UI 
Aceternity UI
Showy, copy-paste React components for landing pages that need a moment.
Component librarygood agent friendliness