Thinking Orbs
Animated AI Status Indicator Component Library for React
100X Meter Early
Think Thinking Orbs could go 100X?
Give it a push. One tap per reader each day; the meter tracks buzz here, not quality.
Tell your network you backed Thinking Orbs early
Download share card
What Thinking Orbs does
Thinking Orbs is a small React component library of animated status indicators for AI interfaces. Each orb shows a state an AI agent goes through, such as working, reasoning, searching, retrying, waiting or compacting its context, so users can see what the agent is doing instead of watching a generic spinner.
The library has 8 states, 15 variants, 5 shapes (sphere, cube, octahedron, tetrahedron and torus) and 8 render styles, from dots to halftone and mesh. It has no dependencies and is 3.8 KB gzipped, and shapes and styles you don’t import stay out of your bundle. Orbs take the current text colour, hold still for people who prefer reduced motion, and can carry a screen-reader label. It works in React 18 or later, or in plain JavaScript through a separate vanilla entry point, and you can also copy the source into your project with the shadcn CLI.
Thinking Orbs is made by Yogesh and is free under the MIT licence. It launched on Product Hunt on 4 October 2026 and finished #11 for the day with 89 upvotes.
We have not tested Thinking Orbs ourselves. This page brings together its official site, its npm and GitHub pages, its Product Hunt page and the official pages of comparable libraries, and says where each fact comes from.
What people use Thinking Orbs for
- Showing distinct states in an AI chat or agent UI: thinking, searching, retrying, compacting, waiting
- Replacing a generic loading spinner with a status indicator that matches the agent's step
- Adding an animated indicator to a non-React page with the vanilla JavaScript build
The launch story
Yogesh introduced Thinking Orbs as a set of animated status orbs for AI agents, designed with attention to every state and variant. His pitch was coverage: enough states, variants, shapes and render styles to match every step an agent goes through and fit different design styles, installed with a single npm command.
Yogesh, maker, on Product Hunt
Thinking Orbs pricing
Thinking Orbs is free and open source under the MIT licence. There is no paid tier.
| Plan | Price | What you get |
|---|---|---|
| Open source | Free | MIT licence; install from npm or copy the source with the shadcn CLI |
The maker accepts optional sponsorship through Patreon.
Checked 14 October 2026 · Official pricing page · Prices change, so confirm before you buy
Who Thinking Orbs is for
- build AI chat or agent interfaces in React and want clearer status feedback
- care about bundle size: no dependencies and 3.8 KB gzipped
- want accessible motion that respects reduced-motion settings
- need a full chat UI kit with message lists and inputs (see prompt-kit or AI Elements)
- need a mature, long-supported library: the npm package was at version 0.1.1 on 14 October 2026
Thinking Orbs pros and cons
- Free and MIT-licensed
- No dependencies and 3.8 KB gzipped; unused shapes and styles aren't bundled
- States made for AI agents, including compacting and retrying
- Respects reduced-motion settings and supports screen-reader labels
- Works without React through the vanilla build
- Very new: version 0.1.1 on npm
- Does one thing; you still need your own chat UI
- No user reviews on Product Hunt yet
Thinking Orbs alternatives and how they compare
Product Hunt's alternatives here are general React UI kits. We compared Thinking Orbs with libraries made for AI interfaces instead. All three are free; details come from each project's own site or repository, checked on 14 October 2026.
| Product | What it is | Starts at | Reviews | How it differs from Thinking Orbs |
|---|---|---|---|---|
| Thinking Orbs this page | Free React library of animated orbs that show what an AI agent is doing | Free (MIT licence) | No reviews yet | — |
| prompt-kit | shadcn-based components for AI apps: prompt input, chat container, messages, reasoning, loaders and streaming responses | Free (MIT) | — | A full chat UI kit with a general-purpose loader. Thinking Orbs is a single dependency-free component with a separate animation for each agent state. |
| AI Elements | Vercel's React components for AI apps, built on shadcn/ui | Free to install | — | Expects Next.js, the AI SDK, shadcn/ui and Tailwind. Thinking Orbs needs only React, or nothing at all with the vanilla build. |
| LangUI | 60+ free copy-paste Tailwind components for ChatGPT-style interfaces | Free (MIT) | 5.0 (2 on Product Hunt) | Copy-paste chat layouts with no npm package and no animated state indicators. |
Product Hunt lists general UI kits as alternatives: Radix UI, HeroUI, Chakra UI, Material UI, Blueprint, gluestack and Blockies Animate.
Thinking Orbs reviews
Write a review
Thanks — share your take?
No reviews on Product Hunt yet as of 14 October 2026 · Product Hunt reviews
What users liked, asked and criticised
- Giving compacting and retrying their own states, which most agent UIs leave out
Compacting and retrying as their own states is the detail most agent UIs forget.
What the community says
On X
We found no posts about Thinking Orbs on X from other users yet. The maker is on X.
Follow on X · Search X for Thinking Orbs
Frequently asked questions
Is Thinking Orbs free?
Yes. It is open source under the MIT licence, with no paid tier. The maker accepts optional Patreon sponsorship.
How do I install it?
Run npm i @yogesharc/thinking-orbs (pnpm, yarn and bun also work), or copy the source into your project with the shadcn CLI as described on the site.
Can I use it without React?
Yes. A vanilla JavaScript entry point mounts an orb on any page and can pause, play or remove it.
Which states does it include?
Working, reasoning, searching, background, retrying, compacting, waiting and a base state, with 15 variants between them.
Is it accessible?
Orbs hold still when the user prefers reduced motion. Give an orb a label and screen readers announce it; without one it is hidden from assistive technology.
Sources (9), checked 14 October 2026
- Thinking Orbs official site
- Thinking Orbs docs for LLMs
- Thinking Orbs on npm
- Thinking Orbs on GitHub
- Product Hunt page and launch discussion
- Product Hunt alternatives
- prompt-kit on GitHub
- AI Elements on GitHub
- LangUI
We list Thinking Orbs from public sources and are not affiliated with it. Spotted something wrong? Tell us.