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

Stars

1,064

7 天增长

暂无数据

Fork 数

78

开放 Issue

7

开源协议

MIT

最近更新

2026-07-21

为什么值得关注

该库为 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 和编程语言匹配的相似项目。

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 智能体
833
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 智能体
493
hahhforest
精选
hahhforest GitHub avatar

pi-textbook

A hands-on course that walks through building a Pi-style coding agent from scratch across 15 checkpoints, starting from an offline agent trajectory.

AI 与机器学习大语言模型
308