# Thinking Orbs

> Animated loading and status orb components for AI agent interfaces

Thinking Orbs is an open-source UI component library providing animated orb visualizers for various AI agent states. It includes six distinct animation styles optimized for light and dark modes with zero external dependencies. It is available as the npm package thinking-orbs.

Website: https://orbs.jakubantalik.com/

## What it is for

- Display animated loading and reasoning states in AI chat interfaces
- Indicate agent listening, searching, and thinking statuses in web apps
- Customize micro-interactions for modern LLM-driven user experiences

## Features

- Six distinct animated orb states (Searching, Solving, Working, Thinking, Listening, Shaping)
- Zero external runtime dependencies
- Optimized for both small icon scales and large displays
- Built-in support for light and dark themes
- Installable via npm (npm install thinking-orbs)

## Pricing

Free and open source

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: yes
- Platforms: Code library, Web
- For: Frontend developers and UI/UX designers building AI agent interfaces
- Tags: react, ui components, ai agents, animations, loading states, npm

## Why it was saved

- [@Jakubantalik, 21 July 2026](https://x.com/Jakubantalik/status/2079609095079047494): Ready-made, polished loading indicators for agent/LLM interfaces — the kind of micro-interaction detail the user cares about in product design.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/thinking-orbs

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.