
thinking-orbs
Dotted thought-orb loading indicators for AI & agent UIs — six tuned states, two sizes, auto dark/light
The Lens
By Erik Loyd, SaaS CEO and former COO/CFO of an AWS Premier Partner.
Updated Aug 2026
Thinking-orbs solves one small, specific UI problem: the moment your AI agent is working and the user is staring at a dead screen wondering if anything is happening. It's a React component library of animated dotted "orbs" with six tuned states, working, searching, solving, and the like, plus two sizes and automatic dark and light theming.
The details are where it earns its keep. It respects prefers-reduced-motion, ships proper ARIA labels, and pauses the animation when it scrolls offscreen so you're not burning frames on something nobody can see. MIT licensed, drop it in, done. There's a live demo if you want to see the states before committing.
Solo builders and teams both get the same thing here: a polished micro-library, free forever. Use it when you're building an agent or chat UI and want the "thinking" moment to feel intentional instead of frozen.
The catch is scope. This is one loading animation, nothing more. It's popular and well made, but it's a single component with a handful of commits behind it. Treat it as a nice finishing touch, not a foundation.
Free vs Self-Hosted vs Paid
fully freeFree and open source under MIT. No paid tier, no hosted service, no gated features. Install it from npm and use it in commercial projects without restriction.
Free and open source. No paid tier.
Get tools like this every Wednesday
One featured tool, three on the radar. No fluff.
A low score is not a verdict on quality. Young and niche tools start low by design. How we calculate scores
Trust Signals
License: MIT License
Use freely, including commercial. Just keep the license.
Commercial use: ✓ Yes
About
- Owner
- Jakub Antalik (User)
- Stars
- 1,344
- Forks
- 103
Also by Jakub Antalik
Animated image generation loader and reveal effect for React
Animated WebGL liquid-metal effect for React buttons and UI components
Collection of the most essential transitions for web apps, skill for agents and Refine tool for agen
Explore Further
More tools in the directory
openclaw
Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞
385.0k ★everything-claude-code
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
237.1k ★hermes-agent
The agent that grows with you
224.4k ★