一个基于 React 的组件库,使用纯 2D Canvas 渲染六种精心调校的动画思想球加载指示器,提供两种专用尺寸和自动主题检测,专为 AI 与 Agent 界面设计。

Stars

1,191

7 天增长

+896

Fork 数

88

开放 Issue

3

开源协议

MIT

最近更新

2026-07-21

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

该库为 AI/Agent 界面提供了美观、无障碍且性能优异的加载指示器,无额外依赖,跨浏览器兼容,并支持减少动效、离屏自动暂停等特性。

适合谁使用

  • 构建 AI 聊天机器人或 Agent 界面的 React 开发者
  • 需要优雅加载指示器的前端开发者
  • 关注 UI 组件无障碍和性能的开发者

典型使用场景

  • 表示 AI Agent 正在搜索、工作、解决问题、聆听、写作或塑形
  • 在聊天头像 (64px) 或内联文本 (20px) 中显示加载状态
  • 替代仪表盘或工具中的通用旋转图标,展示 AI 处理阶段

项目优势

  • 六种不同语义的手调动画
  • 两种专用尺寸,点数和速度独立设计而非简单缩放
  • 自动主题检测(data-theme、class、prefers-color-scheme)并实时更新
  • 性能与无障碍:带 role='img'、减少动效支持、离屏自动暂停、纯 2D Canvas

使用前须知

  • 仅限单色(浅色/深色背景上的墨水色),无法自定义颜色
  • 仅提供两种预设尺寸 (20 和 64),不支持任意缩放
  • 仅限 React 组件,不提供纯 JS 或其他框架版本

README 快速开始

Quick start

项目描述

Dotted thought-orb loading indicators for AI & agent UIs — six tuned states, two sizes, auto dark/light

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

makecindy
精选
makecindy GitHub avatar

cindy

Cindy is an open-source AI agent that runs locally on your machine, integrates multiple AI harnesses and models, and provides memory, skills, and automation to perform real work in your projects and apps.

AI 与机器学习大语言模型
958
mereyabdenbekuly-ctrl
精选
mereyabdenbekuly-ctrl GitHub avatar

clodex-ide

Clodex is an open-source, local-first agentic IDE that combines persistent AI tasks, code, terminal, browser, Git, models, memory, and governed execution in one Electron workspace, currently in technical preview.

AI 与机器学习AI 智能体
859
yetone
精选
yetone GitHub avatar

kill-ai-slop

Kill AI Slop is a multilingual field guide and agent skill that catalogues 33 common AI-generated design tells with interactive before-after demos, and provides a tool to scan and fix web projects.

AI 与机器学习AI 智能体
805