{"repo":"Jakubantalik/thinking-orbs","free":true,"listed":false,"github":"https://github.com/Jakubantalik/thinking-orbs","clone":"git clone https://github.com/Jakubantalik/thinking-orbs.git","description":"Dotted thought-orb loading indicators for AI & agent UIs, 9 tuned types, two sizes, auto dark/light","language":"TypeScript","stars":2522,"topics":["ai","ai-agents","chat","loader","ui","ux"],"license":"MIT","category":"chat-messaging","readme_excerpt":"thinking-orbs Dotted thought-orb loading indicators for AI & agent UIs. Nine hand-tuned animated states, each shipped at two purpose-tuned sizes, rendered on a plain 2D canvas — no WebGL, no filters, works identically in Chrome, Safari and Firefox. Live demo · Repository · Report an issue Install Quick start States Nine verbs an agent can be doing, each a distinct animation: Sizes Two tuned presets — separate designs, not a scale factor. 64 for chat-avatar scale, 20 for inline-text scale. Each carries its own dot count, dot size and speed tuning: Theme Strictly monochrome — light ink for dark backgrounds, dark ink for light backgrounds — with the mode picked automatically from the host project: auto resolves in three layers and updates live when any of them change: 1. an ancestor data-theme=\"dark light\" attribute or dark / light class (the Tailwind / shadcn convention), watched via MutationObserver ; 2. otherwise prefers-color-scheme , subscribed for live OS theme switches; 3. SSR-safe — the canvas paints only on the client, after the theme has resolved. Other props All other props ( className , style , data- , …) pass through. Accessibility & performance - role=\"img\" with a sensible per-state aria-label out of the box. - prefers-reduced-motion: reduce renders a static representative frame — no animation — and still follows the live theme. - Every instance pauses automatically when scrolled offscreen ( IntersectionObserver ) or when the tab is hidden, and resumes in phase — a","default_branch":null,"files":null,"tree":[],"storefront":"/r/Jakubantalik","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Jakubantalik/thinking-orbs/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}