Thinking Orbs

thinking-orbs is a React component package providing dotted animated loading indicators for AI and agent interfaces. It offers nine hand-tuned states— including working, searching, solving, listening, connecting, weaving, composing, breathing, and shaping—rendered with plain 2D canvas rather than WebGL or filters. The indicators have separate 64-pixel chat-avatar and 20-pixel inline-text designs, automatic or pinned light/dark themes, adjustable speed, pause control, and pass-through canvas properties. It includes per-state accessible labels, renders a static frame for prefers-reduced-motion, pauses offscreen instances through IntersectionObserver or when the tab is hidden, and resumes them in phase using a shared clock. The package is distributed through npm under the MIT license.

ThinkingOrbs is a SwiftUI package by Haplo LLC that provides dotted 3D loading indicators for AI and agent interfaces. It includes nine hand-tuned designs representing states such as searching, solving, listening, connecting, composing, and waiting; eight use rotated, depth-shaded, z-sorted 3D forms and one uses a morphing outline. The package provides regular and small sizes, status-label views with optional shimmering text, localization and accessibility labels, speed and pause controls, and public frame geometry for custom renderers. Each orb is drawn with grayscale dots in a Canvas inside a TimelineView. Timelines pause when an orb is offscreen or the app is backgrounded, while Reduce Motion displays a representative static frame. The package supports iOS 17+, macOS 14+, tvOS 17+, watchOS 10+, and visionOS 1+, and is distributed as a Swift Package under the MIT license.

Arc Library is an open-source React component and block library by Elia Kuratli, providing interfaces with calm physical motion, keyboard support, and a reduced-motion path for every animation. Components use CSS modules with shared design and motion tokens, and can be installed through the shadcn CLI or copied into a project as source code; there is no runtime package to keep synchronized. It supports Next.js and Vite with or without Tailwind, and includes controls, inputs, overlays, feedback elements, data visualizations, tables, media components, text effects, and complete interface blocks. The free repository is MIT licensed. Components use Motion for animation and may use lucide-react or Radix UI primitives; theming is controlled through semantic CSS variables with separate light and dark values. Arc also provides an MCP server and machine-readable documentation for AI coding tools, while paid Arc Pro components are distributed separately.

blobatar is a dependency-free JavaScript library for generating deterministic geometric SVG avatars from strings such as usernames, display names, emails, handles, IDs, or repository names. The same input string always produces the same blobatar, which can represent a user, bot, team, or other named entity. It provides a core JavaScript interface and framework adapters for React, Vue, Svelte, Solid, Preact, React Native, and Expo. Outputs can be used as SVG markup or data URIs, with controls for visual traits, palettes, expressions, and optional animation. The package is distributed through npm-compatible package managers and is reported by its repository to be approximately 4.4 KB gzipped.

BoardUI is a React design system for agentic interfaces and dashboards, combining AI-product components such as chat, thinking indicators, streaming agent logs, task lists, web-search trails, composers, and an agent runtime with dashboard components such as tables, charts, forms, cards, navigation, authentication, and design tokens. Its CLI copies individual components and their dependencies, or the complete free catalog, into a Next.js project as source files rather than installing a runtime dependency, so developers can modify the code directly. The system uses React Aria Components for accessible controls, Tailwind CSS v4, semantic design tokens, light and dark theme classes without runtime CSS, and Figma-based typography and styling rules. The repository includes a working AI chat application with a streaming chat endpoint and an agent runtime that accepts provider keys for supported services or an OpenAI-compatible server, reads keys server-side, and streams replies to the chat UI. It also provides an MCP server for browsing and installing components, along with agent rules specifying design tokens, type scale, and conventions.