dashersw/liquid-glass-js  ·  ★ 802  ·  JavaScript  ·  观察  ·  建仓 2025-06-11

把 Apple 那套液态玻璃搬到原生 DOM 上，不绑框架。

• 功能：给任意 HTML 元素叠一层玻璃效果，可调模糊半径、饱和度、折射强度、边缘高光。
• 场景：官网 Hero 区、悬浮卡片、需要在老项目里临时加质感的页面。
• 亮点：Vanilla JS，CDN 引一行就能用；MIT 许可，代码量小，适合直接读实现。
• 注意：接口返回的最后推送时间是 2025-06-12，之后没有新提交。当参考实现用。

github.com/dashersw/liquid-glass-js

glincker/glinui  ·  ★ 34  ·  TypeScript  ·  观察  ·  建仓 2026-02-14

React 生态里组件最全的液态玻璃库，站在 Radix + Tailwind 上面。

• 功能：50+ 组件，覆盖多层玻璃表面、光影层级、motion 过渡；既能 shadcn 式复制源码，也能装 npm 包。
• 场景：仪表盘、AI 控制台、深色为主的后台界面。
• 亮点：这一节里唯一走完整组件库路线的项目，深色模式处理得比较细；最近更新 2026-09-01，还在维护。
• 注意：建仓半年，API 稳定性没有保障。

github.com/glincker/glinui

JUNGHERZ/GlassKit  ·  ★ 12  ·  HTML  ·  观察  ·  建仓 2026-03-21

visionOS / iOS 26 风格的纯 CSS 组件库，一个 CSS 文件搞定。

• 功能：24 个组件，全部靠 class 驱动；另提供 Web Component 封装（GlassKit Elements）；浅色/深色主题走 CSS 变量切换。
• 场景：Astro / 静态站、不想引入 JS 的展示型页面。
• 亮点：零依赖，主题的定制入口是 design token，改变量就能整站换风格；作者另做了配套 Astro 模板。
• 注意：仓库 tag 里写了 no-dependencies，代价是交互态（拖拽、手势）基本没有。

github.com/JUNGHERZ/GlassKit

akilakeshara/zentak-glass-ui  ·  ★ 6  ·  JavaScript  ·  观察  ·  建仓 2026-03-19

玻璃风格的成套业务组件，不是原子组件。

• 功能：滑动登录门户、悬浮导航、带动画的购物按钮、玻璃质感上传组件。
• 场景：需要整块业务模块直接搬的落地页、活动页。
• 亮点：粒度比组件库大，复制下来改文案就能跑。
• 注意：star 个位数，代码质量和可访问性需要自己过一遍。

github.com/akilakeshara/zentak-glass-ui

xiaojiaenen/liquid-glass  ·  ★ 1  ·  TypeScript  ·  观察  ·  建仓 2026-06-11

中文项目，用 SVG 滤镜做真折射而不是简单 blur。

• 功能：基于 SVG 滤镜模拟 Snell 折射与镜面高光；36 个组件覆盖导航、表单、反馈、展示；参数按黄金分割取值；鼠标视差反光。
• 场景：追求折射物理感的官网、需要中文文档的项目。
• 亮点：Safari / Firefox 上自动降级成毛玻璃，这个处理在同赛道里少见；零运行时依赖，只要 React 18+。
• 注意：1 star，纯个人项目。

github.com/xiaojiaenen/liquid-glass

YanAndFish/liquid-glass  ·  ★ 1  ·  Vue  ·  观察  ·  建仓 2025-12-18

Vue 3 的厚透镜玻璃组件。

• 功能：可调折射率、边缘透镜环、边缘高光；内置调试面板实时调参。
• 场景：Vue 技术栈的展示型页面。
• 亮点：这一节里唯一的 Vue 实现，调试面板让参数摸索成本低不少。
• 注意：仓库自述写的是通用 UI 组件库，液态玻璃只是其中一部分；1 star。

github.com/YanAndFish/liquid-glass

magicuidesign/magicui  ·  ★ 22,144  ·  MDX  ·  T1  ·  建仓 2023-06-26

shadcn 路线的动效组件库，拿 CLI 一条命令装进项目。

• 功能：150+ 组件，覆盖光束、粒子背景、渐变边框、文字动效、滚动微交互；底层是 Framer Motion + Tailwind。
• 场景：SaaS 官网、产品落地页、需要在两天内做出「有设计感」的界面。
• 亮点：源码进你自己的仓库，组件想改就改，没有版本升级的绑架；open issue 只有 2 个，维护状态在这一类里算干净。
• 注意：组件偏视觉，业务组件（表格、表单）不在范围内。

github.com/magicuidesign/magicui

uiverse-io/galaxy  ·  ★ 12,273  ·  HTML  ·  T1  ·  建仓 2023-10-01

Uiverse.io 的官方仓库，社区投稿的 UI 元素大合集。

• 功能：霓虹、渐变、悬浮、异形按钮、卡片动效等元素，可切换输出 HTML / CSS / Tailwind / React 代码。
• 场景：需要一个具体组件（比如一个好看的开关、一个 3D 按钮）时来这里翻。
• 亮点：量最大，社区投稿持续在加；四种代码输出格式，跨技术栈可用。
• 注意：原 uiverse-io/uiverse 已 404，现在只认 galaxy 这个仓库。社区稿件质量参差，复制前先自己跑一遍。

github.com/uiverse-io/galaxy

Aceternity UI  ·  官方站点，无单一主仓库

官网动效组件的标杆级站点，只提供 copy-paste 源码。

• 功能：3D 卡片、流光按钮、spotlight 聚光、移动边框、星尘背景等 100+ 组件，基于 Framer Motion + Tailwind。
• 场景：高质感官网、产品发布页。
• 亮点：组件源码直接在站点上展开复制，另外提供面向 LLM 的组件目录，可以喂给 AI 编码助手。
• 注意：没有统一仓库，也就没有版本管理和 issue 跟踪。本条不参与 star 分级。

ui.aceternity.com

animate-css/animate.css  ·  ★ 82,775  ·  CSS  ·  T0  ·  建仓 2011-10-12

一个 CSS 文件 + 一行 class，把淡入、弹跳、翻转全包了。

• 功能：几十个预置关键帧动画类，加 class 即触发，支持自定义 duration / delay / repeat。
• 场景：后台系统的提示动效、活动页的元素入场、不想写 JS 的任何地方。
• 亮点：fork 数是这一节里最高的（15,915），说明大量项目在改它；纯 CSS，零 JS 依赖。
• 注意：本轮修正地址 —— 正确的 owner 是 animate-css，原文档写的 animate.css/animate.css 返回 404。

github.com/animate-css/animate.css

juliangarnier/anime  ·  ★ 72,615  ·  JavaScript  ·  T1  ·  建仓 2016-03-13

API 极简的 JS 补间引擎，适合写时序动画。

• 功能：CSS 属性、SVG、DOM 属性、JS 对象的补间；时间线、stagger、easing、keyframes。
• 场景：图标变形、数据图表的入场、小体量的序列动画。
• 亮点：体积远小于 GSAP，链式 API 读起来顺；不需要构建工具，script 标签直接引。
• 注意：没有官方的滚动联动插件，做 scroll-driven 动画要自己接 IntersectionObserver。

github.com/juliangarnier/anime

mrdoob/three.js  ·  ★ 115,047  ·  JavaScript  ·  T0  ·  建仓 2010-03-23

Web 端 3D 的入口，其他 3D 库基本都站在它上面。

• 功能：场景图、相机、光照、材质、后处理、加载器（glTF / OBJ / FBX）；同时支持 WebGL、WebGL2、WebGPU。
• 场景：产品 3D 展示、Web 游戏、数据可视化的三维表达、首页背景特效。
• 亮点：fork 36,517，生态和案例数量没有对手；仓库 topics 里已包含 webgpu，渲染后端在往新标准迁。
• 注意：API 面很大，直接手写成本高，React 项目一般走 react-three-fiber。

github.com/mrdoob/three.js

motiondivision/motion  ·  ★ 33,459  ·  TypeScript  ·  T1  ·  建仓 2018-11-16

Framer Motion 改名后的仓库，React 动效的默认选项。

• 功能：spring 物理动画、layout 动画（元素位置变化自动补间）、手势（drag / hover / tap）、AnimatePresence 出场动画、滚动联动。
• 场景：React 项目里几乎所有交互态过渡，尤其是列表增删、路由切换、拖拽排序。
• 亮点：layout 动画几乎无解 —— 用 CSS 手写同样效果要处理 FLIP，这里一个 prop 解决；同时有 vanilla JS 版本，不限于 React。
• 注意：open issue 108，包体积不小，只在乎首屏的站点要按需引入。

github.com/motiondivision/motion

greensock/GSAP  ·  ★ 28,199  ·  JavaScript  ·  T1  ·  建仓 2012-09-21

时间线模型最成熟的动画平台，做 award 级官网的主力。

• 功能：Timeline 精确编排、ScrollTrigger 滚动驱动、SplitText 文字拆分、MorphSVG 路径变形、Draggable。
• 场景：长页面的滚动叙事、需要逐帧编排的复杂动效、SVG 路径动画。
• 亮点：时间线可以嵌套、反转、seek，这一点是 anime 和 CSS 动画给不了的；框架无关，同一套代码在 React / Vue / 原生里都能跑。
• 注意：插件体系的授权方式变过几次，商用前请自己到官网确认当前条款，别信二手信息。

github.com/greensock/GSAP

airbnb/lottie-web  ·  ★ 32,074  ·  JavaScript  ·  T1  ·  建仓 2015-02-20

把 After Effects 动画原样搬到网页上。

• 功能：解析并渲染 AE 通过 Bodymovin 导出的 JSON；支持 SVG / Canvas / HTML 三种渲染器，可控制播放进度、速度、片段。
• 场景：品牌吉祥物动画、空状态插画、加载动画、营销页里设计师给的高保真动效。
• 亮点：设计与开发的交接成本最低 —— 设计师出 JSON，前端一行接入，不用还原关键帧。
• 注意：open issue 857，且复杂的 AE 效果（表达式、部分滤镜）导出来会失真，前期要和设计师对齐可用范围。

github.com/airbnb/lottie-web

pmndrs/react-three-fiber  ·  ★ 31,950  ·  TypeScript  ·  T1  ·  建仓 2019-02-25

用 JSX 写 three.js，把 3D 场景变成组件树。

• 功能：three.js 的 React 渲染器，声明式描述 mesh / 材质 / 光源；自动处理 resize、dispose、渲染循环。
• 场景：React 项目里的 3D 官网、产品配置器、数据三维可视化。
• 亮点：状态直接驱动 3D，不需要手动写命令式的 scene.add()；配套 drei 工具集把常用模式都封装好了。
• 注意：底层仍是 three.js，性能问题和 WebGL 兼容性问题一个都不会少。

github.com/pmndrs/react-three-fiber

pmndrs/drei  ·  ★ 9,839  ·  JavaScript  ·  T2  ·  建仓 2020-04-26

react-three-fiber 的官方辅助库，用 R3F 就该一起装。

• 功能：相机控制（OrbitControls）、加载器封装、环境光照、性能自适应（AdaptiveDpr）、文字、后处理快捷组件等一堆 helpers 和 hooks。
• 场景：任何 R3F 项目的起步阶段。
• 亮点：省掉大量样板代码，比如轨道控制器、GLTF 加载的 loading 状态管理。
• 注意：跟着 R3F 版本走，跨大版本升级时 API 有变动。

github.com/pmndrs/drei

VincentGarreau/particles.js  ·  ★ 30,205  ·  JavaScript  ·  T1  ·  建仓 2014-09-06

星云 / 连线 / 漂浮粒子背景，配置文件驱动。

• 功能：粒子数量、颜色、连线、悬停交互（grab / bubble / repulse）、点击喷发，全部走 JSON 配置。
• 场景：官网 Hero 背景、登录页氛围层、技术类博客头部。
• 亮点：fork 4,816，配置即效果，不用写一行 JS；体积很小。
• 注意：open issue 367，维护节奏慢；粒子数上千时会掉帧，移动端要降配。

github.com/VincentGarreau/particles.js

michalsnik/aos  ·  ★ 28,057  ·  JavaScript  ·  T1  ·  建仓 2015-07-09

元素滚进视口时触发动画，零依赖。

• 功能：用 data-aos 属性声明动画类型、延迟、时长、触发位置，库自己监听滚动。
• 场景：企业官网、介绍型长页面、文档站。
• 亮点：接入成本接近零，加属性就行；不需要理解 IntersectionObserver。
• 注意：open issue 374，且只做「进入视口播一次」这一种模式，pin 住元素做叙事要上 GSAP。

github.com/michalsnik/aos

darkroomengineering/lenis  ·  ★ 15,673  ·  TypeScript  ·  T1  ·  建仓 2022-02-21

接管浏览器滚动，做出惯性平滑滚动。

• 功能：虚拟滚动实现平滑惯性、滚动吸附、滚动锁定；提供 React / Vue 适配，暴露 scroll 事件供动画库订阅。
• 场景：和 GSAP ScrollTrigger 搭配做滚动叙事、作品集站点。
• 亮点：不像早期的 smooth-scroll 库那样劫持原生行为导致可访问性崩坏，键盘和锚点跳转都能正常处理。
• 注意：会改变用户的滚动手感，中后台系统不要加。

github.com/darkroomengineering/lenis

excalidraw/excalidraw  ·  ★ 131,024  ·  TypeScript  ·  T0  ·  建仓 2020-01-02

手绘风格的无限白板，一个可直接嵌入的产品级应用。

• 功能：手绘渲染（rough.js）、形状与自由绘制、端到端加密协作、导出 PNG/SVG、以 npm 包形式嵌入自己的 React 应用。
• 场景：团队协作白板、技术分享画图、作为自家产品的绘图模块嵌入。
• 亮点：审美上有明确主张 —— 那种歪歪扭扭的手写感成了它的识别符号；编辑器代码是 Canvas 类应用少有的完整公开实现。
• 注意：open issue 3,435，仓库很大，想读懂要挑模块看。

github.com/excalidraw/excalidraw

tldraw/tldraw  ·  ★ 50,091  ·  TypeScript  ·  T1  ·  建仓 2021-05-09

给你无限画布能力，而不是给你一个白板产品。

• 功能：画布引擎 + 形状系统 + 选择/变换交互，另有多人同步（sync）、自定义形状、持久化接口。
• 场景：自研白板、流程图工具、设计工具、AI 画布类产品的底层。
• 亮点：定位是 SDK，形状和工具都能扩展，这点比 excalidraw（偏成品）灵活；仓库 topics 直接标了 multiplayer / sync。
• 注意：同步服务的商业化条款有门槛，商用前需要确认许可证范围。

github.com/tldraw/tldraw

jdan/98.css  ·  ★ 11,472  ·  CSS  ·  T1  ·  建仓 2020-04-17

一个 CSS 文件，把页面变成 Windows 98。

• 功能：按钮、窗口、标题栏、进度条、标签页、表单控件的 98 风格样式；带 3D 边框和经典灰配色。
• 场景：复古主题站点、极客向项目、愚人节彩蛋页。
• 亮点：纯 CSS 实现，没有图片资源，全部用 border 技巧画出立体边框。对做复古 UI 的人来说是现成的设计系统。
• 注意：视觉优先，可访问性（对比度、焦点样式）需要自己补。

github.com/jdan/98.css

kando-menu/kando  ·  ★ 6,288  ·  TypeScript  ·  T2  ·  建仓 2023-04-16

饼状手势菜单，按住拖一下就选中。

• 功能：径向（pie）菜单，支持鼠标手势轨迹识别、多级子菜单、菜单项自定义。
• 场景：创意工具、画布类应用、需要高频操作入口的桌面端 Web 应用。
• 亮点：手势记忆形成后操作速度比线性菜单快一个量级，这是它存在的理由；跨平台（Electron）。
• 注意：仓库自述是桌面端菜单工具，Web 集成需要自己做适配层。

github.com/kando-menu/kando

langgenius/dify  ·  ★ 154,261  ·  TypeScript  ·  T0  ·  建仓 2023-04-12

把 Agent 工作流、RAG、模型管理做成可视化工作台。

• 功能：工作流画布编排、知识库 / RAG 管线、工具与 MCP 接入、多模型供应商、发布为 API 或 Web App。
• 场景：企业内部 AI 应用平台、需要非技术同事参与配置的场景。
• 亮点：前端主线是 TypeScript（Next.js），工作流画布是基于节点的编辑器，这块实现值得单独读；部署形态覆盖云 / VPC / 自托管。
• 注意：open issue 1,044，代码体量大，二次开发前先评估。

github.com/langgenius/dify

open-webui/open-webui  ·  ★ 150,746  ·  Python  ·  T0  ·  建仓 2023-10-06

自托管 AI 聊天界面，接 Ollama 或任何 OpenAI 兼容接口。

• 功能：多模型切换、内置 RAG、插件系统、主题定制、多用户与权限、MCP 支持。
• 场景：本地大模型（Ollama）的日常使用界面、团队内部私有化部署的 AI 入口。
• 亮点：fork 22,023 —— 大量人在它基础上改出自己的界面；插件体系让前端扩展不用改核心代码。
• 注意：后端是 Python，前端是其一部分，纯前端项目想复用 UI 需要剥离后端耦合。

github.com/open-webui/open-webui

lobehub/lobehub  ·  ★ 82,175  ·  TypeScript  ·  T0  ·  建仓 2023-05-21

原 lobe-chat，本轮核验发现仓库已改名，定位从聊天框架升级为 Agent 调度台。

• 功能：多模型接入、插件 / Agent 市场、知识库（RAG）、多模态、一键私有化部署。
• 场景：需要精致 UI 的自部署 AI 产品、想直接改出一个商业化聊天应用的团队。
• 亮点：这个赛道里 UI 设计质量排前几位的项目，深色主题的完成度尤其高；纯 TypeScript 技术栈，前端可以直接读。
• 注意：本轮修正地址 —— lobehub/lobe-chat 已 301 跳转到 lobehub/lobehub，仓库描述改为「Chief Agent Operator」。老链接还能访问，但新引用请用改名后的地址。

github.com/lobehub/lobehub

FlowiseAI/Flowise  ·  ★ 55,402  ·  TypeScript  ·  T1  ·  ⚠️ 已归档

拖拽式 Agent / RAG 流程构建器，自带完整前端控制台。

• 功能：节点式画布编排 Agent 流程、内置 RAG 与工具节点、把流程发布成 API 或嵌入组件。
• 场景：快速搭 AI 应用原型、做 PoC 演示。
• 亮点：fork 24,970，节点画布的交互实现可以参考；TypeScript 全栈。
• 注意：接口返回 archived = true，仓库已进入归档状态，不再接受新 issue 和 PR。可以 fork 出来自己维护，别指望上游修 bug。

github.com/FlowiseAI/Flowise

danny-avila/LibreChat  ·  ★ 42,740  ·  TypeScript  ·  T1  ·  建仓 2023-02-12

功能铺得最全的开源 ChatGPT 替代品之一。

• 功能：多模型与多供应商切换、Agents、MCP、Artifacts、代码解释器、文件上传与 RAG、多用户鉴权、预设（Presets）。
• 场景：团队共享的 AI 聊天服务、需要多用户与权限管理的自托管场景。
• 亮点：仓库描述里把支持面列得很细（DeepSeek / Anthropic / Azure / Vertex / OpenRouter 等），覆盖面在这一节里最广；Docker 一键起。
• 注意：open issue 725，功能多也意味着配置面大。

github.com/danny-avila/LibreChat

mckaywrigley/chatbot-ui  ·  ★ 33,341  ·  TypeScript  ·  T1  ·  建仓 2023-03-11

小而完整的 AI 聊天 UI，适合当学习模板。

• 功能：Next.js 实现的聊天界面，消息流、模型切换、对话管理、Markdown 渲染。
• 场景：学习 AI 前端交互结构、作为自研聊天应用的起点。
• 亮点：代码量比上面几个平台小一个数量级，能把流式输出的完整链路读完。
• 注意：功能面窄，插件、Agent、RAG 这些没有。

github.com/mckaywrigley/chatbot-ui

wandb/openui  ·  ★ 22,533  ·  TypeScript  ·  T1  ·  建仓 2024-03-17

用一句话描述界面，实时渲染出可编辑的原型。

• 功能：自然语言生成 UI 并实时预览；输出 HTML / React（Tailwind）代码；支持接本地 Ollama，也接云端模型。
• 场景：需求评审前快速出视觉稿、验证布局想法、给非技术同事演示。
• 亮点：本地可跑，数据不出内网；生成结果能直接导出成代码接着改。
• 注意：生成结果需要人工返工，别当最终产物。

github.com/wandb/openui

thesysdev/openui  ·  ★ 8,513  ·  TypeScript  ·  T2  ·  建仓 2024-12-02

注意和上面那个 openui 不是同一个东西：这个是「生成式 UI 的协议标准」。

• 功能：定义一套面向流式传输的紧凑 DSL，配套渲染框架，让服务端直接返回 UI 描述而非 Markdown 文本。
• 场景：Agent 产品里让模型直接输出可交互界面，而不是只输出文字。
• 亮点：押的是「Prompt 即 App」这条路线，思路比工具本身更有参考价值。
• 注意：open issue 147，仓库描述里挂着 looking-for-contributors，标准仍在演进。

github.com/thesysdev/openui

shadcn-ui/ui  ·  ★ 122,828  ·  TypeScript  ·  T0  ·  建仓 2023-01-04

不发布的组件库：代码拷进你的仓库，从此归你所有。

• 功能：一套基于 Radix + Tailwind 的组件源码分发平台，CLI 按需添加；覆盖 React / Vue / Svelte 等多个框架目标。
• 场景：任何需要自建设计系统的 React 项目；做特化 UI 的起点。
• 亮点：绕开了「组件库版本升级打破自定义样式」这个老问题 —— 你改的是自己的代码；生态里大量衍生库（magicui、tremor 等）都建立在它之上。
• 注意：本轮修正 —— 正确的地址是 shadcn-ui/ui，老的 shadcn-ui/shadcn-ui 已失效。open issue 2,045，规模大，issue 多属正常。

github.com/shadcn-ui/ui

tailwindlabs/tailwindcss  ·  ★ 97,435  ·  TypeScript  ·  T0  ·  建仓 2017-10-06

原子化 CSS，现在做 UI 定制绕不开的基础设施。

• 功能：utility class 体系、响应式前缀、状态变体、任意值语法、插件扩展；v4 起配置更多走 CSS 变量。
• 场景：几乎所有新项目；尤其适合需要精细控制、不接受组件库默认样式的场景。
• 亮点：整个 shadcn 生态、daisyUI 生态都建立在它之上，学一次到处能用；open issue 只有 62，维护很紧。
• 注意：HTML 里 class 会变长，团队需要约定组织方式，否则模板很快失控。

github.com/tailwindlabs/tailwindcss

ant-design/ant-design  ·  ★ 99,363  ·  TypeScript  ·  T0  ·  建仓 2015-04-24

中文生态里最完整的企业级 React 组件库。

• 功能：100+ 组件，覆盖表单、表格、树、上传、日期等中后台全套；设计语言 + 主题定制（design token）；国际化。
• 场景：企业内部系统、管理后台、B 端产品。
• 亮点：fork 54,709 —— 中文项目里被复制改造最多的仓库之一；中后台场景几乎不需要自己造组件。
• 注意：默认视觉偏「企业风」，做消费者产品或特化 UI 时 override 成本较高。

github.com/ant-design/ant-design

saadeghi/daisyui  ·  ★ 42,272  ·  JavaScript  ·  T1  ·  建仓 2020-11-28

Tailwind 之上的组件层，靠主题变量整套换风格。

• 功能：语义化 class（btn、card、modal）、数十套内置主题、组件级样式定制。
• 场景：想用 Tailwind 又不想手写一堆 utility 的项目、需要快速切换主题的产品。
• 亮点：自带主题系统，改几个 CSS 变量就能整站换皮；不限于 React，任何用 Tailwind 的栈都能使。
• 注意：open issue 只有 42，维护状态好；代价是样式定制深度不如直接写 Tailwind。

github.com/saadeghi/daisyui

chakra-ui/chakra-ui  ·  ★ 40,615  ·  TypeScript  ·  T1  ·  建仓 2019-08-17

以设计 token 为骨架的组件系统，定制体验顺滑。

• 功能：组件 + 样式 props + 主题 token 体系，深色模式与响应式开箱可用；底层已改用 Ark UI 原语。
• 场景：SaaS 产品、需要把品牌规范落到 token 上的团队。
• 亮点：样式写在 props 里（<Box p={4} bg="blue.500">），改一处 token 全站生效。
• 注意：open issue 只有 14，但样式 props 的运行时开销比 utility class 高，超大列表场景要留意。

github.com/chakra-ui/chakra-ui

mantinedev/mantine  ·  ★ 31,657  ·  TypeScript  ·  T1  ·  建仓 2021-01-07

组件数量与 Hooks 数量都管够的 React 库。

• 功能：100+ 组件 + 一整套 Hooks（useDisclosure、useForm、useLocalStorage 等）；内置深浅色主题、通知系统、富文本与日期处理。
• 场景：想少装第三方依赖的 React 项目、后台与前台通吃的中型产品。
• 亮点：Hooks 层是它的差异化 —— 很多原本要引独立库的能力这里直接给了；open issue 只有 51。
• 注意：绑定 React，其他框架用不了。

github.com/mantinedev/mantine

tailwindlabs/headlessui  ·  ★ 28,732  ·  TypeScript  ·  T1  ·  建仓 2020-09-16

只给交互逻辑和可访问性，样式全交给你。

• 功能：Dialog、Menu、Listbox、Combobox、Tabs、Disclosure 等无样式组件；React 与 Vue 双版本。
• 场景：用 Tailwind 且需要完全控制外观的项目。
• 亮点：Tailwind 官方维护，和 utility class 的配合是天生的；焦点管理、ARIA 属性、键盘导航都处理好了。
• 注意：组件覆盖面比 Radix 窄，复杂组件（如 Data Grid）没有。

github.com/tailwindlabs/headlessui

TanStack/table  ·  ★ 28,400  ·  TypeScript  ·  T1  ·  建仓 2016-10-20

表格逻辑与 UI 彻底分离，复杂表格的通用底座。

• 功能：排序、筛选、分组、分页、列宽调整、行选择、虚拟滚动适配；React / Vue / Solid / Svelte 多框架适配层。
• 场景：数据密集型后台、报表系统、任何「表格不止展示」的场景。
• 亮点：无头设计意味着表格长什么样完全由你定，配 shadcn 的 Table 组件是常见组合。
• 注意：本轮修正大小写 —— owner 的正式写法是 TanStack，不是 tanstack（GitHub 会容错，但引用时写对更好）。

github.com/TanStack/table

radix-ui/primitives  ·  ★ 19,232  ·  TypeScript  ·  T1  ·  建仓 2020-06-19

无样式、可访问性达标的 React 原语，shadcn 的底层依赖。

• 功能：Dialog、Dropdown、Popover、Tooltip、Select、Slider、Tabs 等 30+ 原语，键盘导航与 ARIA 完整。
• 场景：自建设计系统、对可访问性有硬要求的政企项目。
• 亮点：可访问性这一块是它最值钱的部分，自己实现一遍的代价远高于引它。
• 注意：仓库描述写明现在由 WorkOS 维护（"Maintained by @workos"），治理方有变化。

github.com/radix-ui/primitives

unocss/unocss  ·  ★ 18,946  ·  TypeScript  ·  T1  ·  建仓 2021-09-30

按需生成、零预扫描的原子化 CSS 引擎。

• 功能：presets 体系（可拼装 Tailwind / Windi 兼容规则）、自定义规则、图标 preset、属性化模式（attributify）。
• 场景：对构建速度敏感的大项目、需要自定义原子规则的设计系统。
• 亮点：引擎化设计，规则可插拔，比固定语法的方案灵活；Vite 集成成熟。
• 注意：生态与第三方组件预设比 Tailwind 少，团队要有能力自己维护 preset。

github.com/unocss/unocss

mui/base-ui  ·  ★ 10,801  ·  TypeScript  ·  T1  ·  建仓 2024-02-23

MUI 团队做的无头组件库，Radix 之外的另一个选项。

• 功能：无样式组件 + 完整可访问性，覆盖弹层、选择、表单等交互原语。
• 场景：想摆脱 Material 视觉、又要 MUI 团队维护质量的项目。
• 亮点：仓库描述写明由 Radix、Floating UI、Material UI 的同一批作者打造，浮层定位这块继承 Floating UI 的能力。
• 注意：建仓 2024 年，open issue 426，比 Radix 年轻，API 仍在调整。

github.com/mui/base-ui

element-plus/element-plus  ·  ★ 27,729  ·  TypeScript  ·  T1  ·  建仓 2020-07-21

Vue 3 生态里最常用的企业级组件库。

• 功能：表格、表单、树、上传、日期时间等后台全套组件；TypeScript 重写，支持按需引入与主题定制。
• 场景：Vue 技术栈的中后台系统。
• 亮点：fork 19,837，中文文档和社区问答最全，遇到问题基本搜得到。
• 注意：open issue 1,189，视觉风格同样偏企业化。

github.com/element-plus/element-plus

youzan/vant  ·  ★ 24,383  ·  TypeScript  ·  T1  ·  建仓 2017-04-19

轻量移动端 Vue 组件库。

• 功能：60+ 移动组件（下拉刷新、省市区选择、图片预览、步进器、SKU 选择等）；支持深色模式与主题定制。
• 场景：H5 活动页、移动端商城、小程序同构方案。
• 亮点：fork 9,386，移动场景的组件粒度拿捏得准（比如 SKU 选择这种电商专属组件）。
• 注意：面向移动端，桌面端后台不合适。

github.com/youzan/vant

tusen-ai/naive-ui  ·  ★ 18,525  ·  TypeScript  ·  T1  ·  建仓 2021-06-04

Vue 3 组件库里主题定制最自由的一个。

• 功能：90+ 组件，全量 TypeScript；主题通过 n-config-provider 的 theme overrides 逐 token 覆盖。
• 场景：需要贴合自家品牌色的 Vue 3 项目。
• 亮点：没有用 CSS 预处理器，主题系统是运行时的，换主题不用重新构建。
• 注意：open issue 700，组件数量略少于 Element Plus。

github.com/tusen-ai/naive-ui

lucide-icons/lucide  ·  ★ 24,300  ·  TypeScript  ·  T1  ·  建仓 2020-06-08

Feather Icons 的社区续作，统一线宽的图标集。

• 功能：1000+ 图标，提供 React / Vue / Svelte / Angular 等框架包，也可作为纯 SVG 或图标字体使用。
• 场景：任何需要图标的项目，尤其是和 shadcn / Tailwind 搭配时。
• 亮点：所有图标共用 24×24 网格与统一描边宽度，混排不会视觉打架；tree-shaking 友好。
• 注意：风格统一也意味着个性化弱，品牌图标得另做。

github.com/lucide-icons/lucide

pmndrs/zustand  ·  ★ 58,637  ·  TypeScript  ·  T1  ·  建仓 2019-04-09

一个 Hook 就是一个 store，不需要 Provider 包裹。

• 功能：create 建 store、selector 精确订阅、中间件（persist / devtools / immer）、可脱离 React 在组件外读写。
• 场景：中小型 React 应用的全局状态、跨组件共享的 UI 状态。
• 亮点：样板代码量比 Redux Toolkit 少一个量级；open issue 只有 5，稳定度很高。
• 注意：没有强制的状态更新规范，大团队需要自己立规矩，否则 store 容易变成杂物间。

github.com/pmndrs/zustand

TanStack/query  ·  ★ 50,252  ·  TypeScript  ·  T1  ·  建仓 2019-09-10

把「服务端数据」当成一个独立问题来解决。

• 功能：请求缓存与失效、stale-while-revalidate、自动重试、分页 / 无限滚动、乐观更新、请求去重；React / Vue / Solid / Svelte 适配层。
• 场景：任何有接口调用的应用，尤其是列表 + 详情 + 编辑这类典型后台。
• 亮点：用了之后大部分「请求状态」相关的 useState / useEffect 都可以删掉；缓存失效策略设计得比手写方案完整。
• 注意：心智模型需要转换（缓存 key 的设计是核心），团队上手有学习成本。

github.com/TanStack/query

react-hook-form/react-hook-form  ·  ★ 44,845  ·  TypeScript  ·  T1  ·  建仓 2019-03-05

非受控方案的表单库，靠减少重渲染换性能。

• 功能：字段注册、校验（内置 + zod / yup resolver）、错误状态、数组字段、表单监听；Web 与 React Native 通用。
• 场景：字段多的复杂表单、对输入流畅度有要求的场景。
• 亮点：字段输入不触发整表重渲染，这是它和受控表单方案的根本差异；open issue 只有 6，非常稳定。
• 注意：非受控模型意味着拿值要靠 watch / getValues，习惯了受控写法的同学需要适应。

github.com/react-hook-form/react-hook-form

microsoft/playwright  ·  ★ 95,542  ·  TypeScript  ·  T0  ·  建仓 2019-11-15

一套 API 跑 Chromium / Firefox / WebKit，E2E 和 UI 回归都靠它。

• 功能：多浏览器自动化、自动等待元素、网络拦截与 mock、trace 回放、视觉对比截图、并行执行、组件测试。
• 场景：E2E 测试、UI 回归、截图比对、需要登录态的复杂流程验证。
• 亮点：自动等待把「flaky 测试」这个老大难问题解决了大半；trace viewer 能回放失败用例的每一步，排查效率比看日志高得多。
• 注意：首次安装要下载浏览器二进制，国内网络需要配镜像源。

github.com/microsoft/playwright

storybookjs/storybook  ·  ★ 90,985  ·  TypeScript  ·  T0  ·  建仓 2016-03-18

把组件从应用里拎出来单独开发、文档化和测试。

• 功能：stories 隔离开发、addon 生态（a11y、controls、docs、viewport）、交互测试、视觉测试集成；覆盖 React / Vue / Svelte / Angular / Web Components。
• 场景：组件库建设、设计系统落地、需要与设计师对齐组件状态的团队。
• 亮点：多框架支持是它的护城河 —— 技术栈混杂的大厂尤其需要；Vite 构建支持已经就位。
• 注意：open issue 1,792，配置复杂，小项目可能不划算。

github.com/storybookjs/storybook

vitejs/vite  ·  ★ 82,658  ·  TypeScript  ·  T0  ·  建仓 2020-04-21

新项目的默认构建方案，冷启动和 HMR 是它的立身之本。

• 功能：基于原生 ESM 的开发服务器、毫秒级 HMR、Rollup 兼容的生产构建、插件体系（兼容 Rollup 插件）。
• 场景：几乎所有前端新项目；也是 Vitest、Storybook、UnoCSS 等工具的公共底座。
• 亮点：生态位已经稳了 —— 周边工具基本都以「支持 Vite」为前提设计，这个网络效应是它最强的部分。
• 注意：open issue 765；超大 monorepo 里开发服务器的首次依赖预构建仍可能变慢。

github.com/vitejs/vite

evanw/esbuild  ·  ★ 40,033  ·  Go  ·  T1  ·  建仓 2016-06-14

Go 写的打包器，快到改变了整个工具链的预期。

• 功能：JS / TS / JSX 打包与转译、CSS 打包、压缩、tree-shaking、sourcemap；可作库调用也可 CLI 使用。
• 场景：自己写构建脚本、库打包、需要极致构建速度的场景。
• 亮点：Vite 开发期就靠它做依赖预构建和转译；单进程 Go 的并发设计让它的速度比 JS 实现的 bundler 高一个数量级。
• 注意：插件 API 不如 Rollup / Webpack 灵活，复杂构建流程一般还是交给上层框架。

github.com/evanw/esbuild

swc-project/swc  ·  ★ 34,189  ·  Rust  ·  T1  ·  建仓 2017-12-22

Rust 实现的转译与压缩平台，Babel 的高性能替代。

• 功能：TS / JSX 转译、语法降级（按 targets 输出）、压缩、模块打包实验支持、插件系统。
• 场景：需要替换 Babel 提速的存量项目、框架底层（Next.js 等）。
• 亮点：多数时候你不用直接引它 —— 它通过 Next.js、Parcel 等框架间接服务你；真需要自己接时，配置模型比 Babel 简单。
• 注意：插件生态（尤其自定义 Babel 插件）需要重写成 Rust 或走 wasm，迁移不是无痛的。

github.com/swc-project/swc

vercel/turborepo  ·  ★ 31,044  ·  Rust  ·  T1  ·  建仓 2021-10-05

monorepo 的任务编排器，靠增量缓存省 CI 时间。

• 功能：任务依赖图编排、本地与远程缓存、按包过滤执行、并行调度。
• 场景：多包仓库（组件库 + 应用 + 文档站）、CI 构建耗时过长的团队。
• 亮点：接入成本比 Nx / Lerna 低，主要就是一份 turbo.json；open issue 只有 15，维护状态很稳。
• 注意：远程缓存的免费额度有限制，团队规模上去后要算成本。

github.com/vercel/turborepo

biomejs/biome  ·  ★ 25,701  ·  Rust  ·  T1  ·  建仓 2023-07-27

一个二进制替代 ESLint + Prettier，零配置起步。

• 功能：格式化（JS / TS / JSX / JSON / CSS）、lint 规则、import 排序，同时提供 LSP。
• 场景：新项目直接上；受够了 ESLint 配置套娃和 Prettier 冲突的老项目。
• 亮点：Rust 实现，全量 lint 通常在毫秒级完成；单一配置文件，不用在多个插件版本之间调停。
• 注意：自定义规则生态远不如 ESLint，依赖大量社区插件的项目迁移会受阻。

github.com/biomejs/biome

oxc-project/oxc  ·  ★ 22,611  ·  Rust  ·  T1  ·  建仓 2023-02-09

JS / TS 工具链的 Rust 零件箱，被上层工具大量集成。

• 功能：Parser、linter（oxlint）、transformer、minifier、formatter 等组件，可单独取用。
• 场景：工具链开发者；普通项目通常通过 oxlint 或框架间接使用。
• 亮点：性能目标明确，oxlint 在多数仓库上能在 1 秒内跑完，常被用作 CI 的快速前置检查。
• 注意：仍在快速演进（open issue 823），直接依赖底层 API 有 breaking change 风险。

github.com/oxc-project/oxc

vitest-dev/vitest  ·  ★ 17,040  ·  TypeScript  ·  T1  ·  建仓 2021-12-03

和 Vite 共用同一套配置与转换管道的测试框架。

• 功能：单元测试、组件测试、快照、覆盖率、并发执行、浏览器模式、类型测试；兼容 Jest 的多数 API。
• 场景：Vite 项目的首选单测方案。
• 亮点：复用 Vite 的 config 和插件，意味着你为构建写的 alias、环境变量、TSX 转换在测试里直接生效，不用再配一遍 Jest 的 transform。
• 注意：open issue 376；从 Jest 迁移大体平顺，但部分高级 mock 行为有差异。

github.com/vitest-dev/vitest

d3/d3  ·  ★ 113,601  ·  T0  ·  建仓 2010-09-27

不是图表库，是一套操作数据与 SVG / Canvas 的原语。

• 功能：比例尺、坐标轴、布局算法（力导向、树图、打包图）、路径生成器、数据连接（data join）、过渡、拖拽缩放。
• 场景：设计稿里那个「不太标准」的图、需要完全自定义交互的可视化。
• 亮点：上限最高 —— 市面上多数图表库只能画它能力的子集；fork 22,668，社区案例覆盖了二十年积累。
• 注意：学习成本也是最高的。能用 ECharts 解决就别上 d3，这是省时间的建议。

github.com/d3/d3

chartjs/Chart.js  ·  ★ 67,676  ·  JavaScript  ·  T1  ·  建仓 2013-03-17

Canvas 渲染，配置项少，出图快。

• 功能：折线、柱状、饼、雷达、极坐标、气泡、散点等 8 类基础图；响应式、图例、tooltip、动画。
• 场景：后台概览页、博客插图、对图表要求不高的常规场景。
• 亮点：上手成本最低，一个 config 对象就能出图；体积比 ECharts 小。
• 注意：Canvas 渲染意味着图表内容无法被搜索引擎和屏幕阅读器读取，导出高质量 SVG 也不方便。

github.com/chartjs/Chart.js

apache/echarts  ·  ★ 67,222  ·  TypeScript  ·  T1  ·  建仓 2013-04-03

Apache 顶级项目，中文生态里图表能力最全的一个。

• 功能：常规图表 + 地图、关系图、树图、桑基图、3D、GL 大数据量渲染；Canvas / SVG 双渲染器；主题与数据集（dataset）机制。
• 场景：数据大屏、BI 系统、需要地图或关系图的业务。
• 亮点：fork 19,813，中文文档质量高，国内遇到问题基本都能搜到；大数据量下有 progressive 渲染和 WebGL 方案兜底。
• 注意：open issue 1,524；全量引入体积大，务必按需引入。

github.com/apache/echarts

recharts/recharts  ·  ★ 27,536  ·  TypeScript  ·  T1  ·  建仓 2015-08-07

用 JSX 组件拼图表，React 项目里最自然的写法。

• 功能：LineChart / BarChart / AreaChart 等容器组件 + 子组件（XAxis、Tooltip、Legend）自由组合；底层基于 D3 的子模块。
• 场景：React 后台的常规图表、需要和图例/tooltip 深度联动的场景。
• 亮点：组合式 API 让「改一个轴的样式」这种需求不用翻庞大的 config 文档。
• 注意：open issue 446，深度定制会撞到组件封装的天花板。

github.com/recharts/recharts

airbnb/visx  ·  ★ 21,034  ·  TypeScript  ·  T1  ·  建仓 2017-03-15

D3 的计算能力 + React 的渲染模型，中间的胶水层。

• 功能：把 D3 的 scale / shape / axis 等模块拆成 React 组件与 Hooks，你负责组合。
• 场景：既想要 D3 的自由度、又不想让 D3 直接操作 DOM 的 React 项目。
• 亮点：解决了「D3 和 React 争抢 DOM 控制权」这个经典矛盾 —— D3 只算，React 只画。
• 注意：是原语不是图表，一个折线图也要自己拼 scale + shape + axis。

github.com/airbnb/visx

apexcharts/apexcharts.js  ·  ★ 15,144  ·  JavaScript  ·  T1  ·  建仓 2018-07-24

默认样式就挺好看的 SVG 交互图表库。

• 功能：折线 / 面积 / 柱状 / 雷达 / 烛台等图；缩放平移、数据点标注、动态更新、多轴；提供 React / Vue / Angular 封装。
• 场景：金融类图表、需要缩放交互的时序数据、不想调样式的项目。
• 亮点：SVG 渲染，可直接导出矢量图；交互（brush、zoom）开箱可用。
• 注意：数据量上万时 SVG 节点数会成为瓶颈。

github.com/apexcharts/apexcharts.js

plouc/nivo  ·  ★ 14,091  ·  TypeScript  ·  T1  ·  建仓 2016-04-16

React 图表模板库，配置驱动，出图漂亮。

• 功能：20+ 图表类型（含桑基、和弦、热力图、雷达），支持 SVG / Canvas / HTML 渲染，内置动效与主题。
• 场景：需要好看的复杂图表、又不想从 D3 写起。
• 亮点：同构渲染（服务端也能出图）；open issue 只有 50，维护状态好。
• 注意：定制深度受限于它的配置项，奇怪的需求实现不了。

github.com/plouc/nivo

antvis/G2  ·  ★ 12,601  ·  TypeScript  ·  T1  ·  建仓 2016-05-26

图形语法（Grammar of Graphics）的 AntV 实现。

• 功能：以「数据 → 标记 → 编码 → 标度 → 坐标系」的声明式语法描述图表；G2 5.x 支持 Canvas / SVG / WebGL 渲染。
• 场景：需要非标准图表、或要在 AntV 生态（G6、L7、S2）内统一技术栈的团队。
• 亮点：语法化的好处是图表类型不受枚举限制，组合能出官方没预设的图。
• 注意：语法学习曲线陡；默认分支是 v5，与 4.x 的 API 不兼容，找资料时注意版本。

github.com/antvis/G2

tremorlabs/tremor  ·  ★ 3,596  ·  TypeScript  ·  T2  ·  建仓 2024-03-26

为仪表盘和 AI 产品做的复制型 React 组件。

• 功能：KPI 卡片、面积图、柱状图、进度条、表格等仪表盘组件，基于 Tailwind + Radix。
• 场景：AI 产品的数据面板、内部指标看板。
• 亮点：组件粒度是「一块看板」而不是「一个图表」，配 Tailwind 直接就能拼出完整页面。
• 注意：3.6k star，规模小；建仓 2024 年，API 可能变动。

github.com/tremorlabs/tremor

anthropics/skills  ·  ★ 173,277  ·  Python  ·  T0  ·  建仓 2025-09-22

Agent Skills 这个范式的官方参考实现。

• 功能：以 SKILL.md 为单位封装可复用能力，其中 frontend-design（前端设计规范）和 webapp-testing（浏览器测试）直接服务前端；支持 Claude Code 等主流 Agent。
• 场景：让 AI 生成的代码符合你的设计规范，而不是每次都输出千篇一律的 Bootstrap 风。
• 亮点：建仓不到一年拿到 17 万 star，是这轮统计里增长最快的仓库；把「团队规范」变成了机器可读的资产。
• 注意：open issue 1,204，迭代很快；技能内容需要按自家技术栈裁剪。

github.com/anthropics/skills

ComposioHQ/awesome-claude-skills  ·  ★ 74,323  ·  Python  ·  T1  ·  建仓 2025-10-17

社区 Skills 的分类索引。

• 功能：按文档处理、前端开发、测试等类目聚合社区技能，附来源链接。
• 场景：想找现成技能时先来这儿翻，比逐个搜仓库省事。
• 亮点：topics 里覆盖了 Claude Code / Codex / Gemini CLI / Cursor 等多个宿主，跨平台参考价值高。
• 注意：本轮修正大小写 —— owner 正式写法是 ComposioHQ。清单型仓库，质量需要自己甄别。

github.com/ComposioHQ/awesome-claude-skills

greensock/gsap-skills  ·  ★ 14,826  ·  T1  ·  建仓 2026-03-04

GSAP 官方出的 AI 技能包，让 Agent 会写动画。

• 功能：教 AI 编码助手正确使用 GSAP，含最佳实践、常见动画模式、插件用法；覆盖 React / Vue / Svelte / 原生 JS。
• 场景：用 AI 写动效代码时，避免它输出过时的 API 或错误的时间线写法。
• 亮点：官方维护意味着内容与 GSAP 当前版本同步，这一点第三方技能包做不到。
• 注意：仓库没有检测到主语言字段（纯文档 / 指令型仓库）。

github.com/greensock/gsap-skills

TerminalSkills/skills  ·  ★ 143  ·  Shell  ·  观察  ·  建仓 2026-02-02

社区技能合集，里面有 aceternity-ui、shadcn 这类前端专属技能。

• 功能：SKILL.md 形式的技能库，面向 Claude Code / Codex / Gemini CLI / Cursor。
• 场景：想让 AI 直接产出高质感界面时，装载对应的 UI 技能。
• 亮点：前端 UI 类技能占比高，这是它区别于泛化清单的地方。
• 注意：143 star，社区规模小，技能质量靠自己验。

github.com/TerminalSkills/skills

Sec-Dome/Awesome-Skills  ·  ★ 3  ·  观察  ·  建仓 2026-01-24

跨平台的 Agent 技能目录。

• 功能：汇总可用于 Claude Code / Gemini CLI / Cursor 等宿主的技能清单。
• 场景：和上面几个清单互为补充，多翻一个来源。
• 亮点：覆盖的宿主种类较多。
• 注意：实测只有 3 star，属于个人维护的起步项目，收录完整性有限。上一版文档把它列为主要推荐，本轮下调到观察级。

github.com/Sec-Dome/Awesome-Skills

anomalyco/opencode  ·  ★ 203,302  ·  TypeScript  ·  T0  ·  建仓 2025-04-30

终端里的开源编码 Agent，本轮统计中 star 最高的仓库。

• 功能：多模型接入、终端内完成代码读写与命令执行、会话与项目上下文管理、插件与配置扩展。
• 场景：不想把代码交给闭源工具、又想要 Agent 能力的开发者。
• 亮点：20 万 star 说明社区已经形成了插件和配置的生态；TypeScript 实现，前端开发者想改源码门槛低。
• 注意：本轮修正地址 —— sst/opencode 已 301 跳转到 anomalyco/opencode。另有一个 opencode-ai/opencode（13,719 star，已归档）是不同项目，别搞混。open issue 5,582，迭代快。

github.com/anomalyco/opencode

anthropics/claude-code  ·  ★ 143,826  ·  Python  ·  T0  ·  建仓 2025-02-22

常驻终端的编码代理，直接用自然语言改代码、跑测试、管 git。

• 功能：代码库理解与检索、跨文件编辑、命令执行、git 工作流、可配置 hooks 与子代理。
• 场景：日常开发的全流程；尤其是需要跨多个文件的一致性改动。
• 亮点：官方开源，行为和线上产品一致，不会出现「文档说的和实际的不一样」。
• 注意：open issue 14,900，且模型调用需要 API key 或订阅。

github.com/anthropics/claude-code

openai/codex  ·  ★ 120,997  ·  Rust  ·  T0  ·  建仓 2025-04-13

OpenAI 的终端编码 Agent，Rust 实现。

• 功能：终端内执行长任务规划与落地、代码编辑、命令执行、配置化的沙箱与审批策略。
• 场景：习惯终端工作流的开发者；需要把审批粒度调细的团队。
• 亮点：单二进制分发，安装摩擦小；沙箱与审批策略可配置，适合有合规要求的团队。
• 注意：open issue 14,962；需要 OpenAI 账号或兼容接口。

github.com/openai/codex

OpenHands/OpenHands  ·  ★ 85,999  ·  TypeScript  ·  T0  ·  建仓 2024-03-13

把「AI 软件工程师」做成可自托管的完整平台。

• 功能：自主写代码、修 bug、跑测试；多任务并行；带 Web 控制台；另有独立的 agent SDK 与 CLI。
• 场景：需要在团队内共享 Agent 能力、要审计和回溯 Agent 操作记录的场景。
• 亮点：带界面，非开发者同事也能用；软件工程能力（改 bug、跑测试）是它的设计目标，不只是补全。
• 注意：本轮修正地址 —— All-Hands-AI/OpenHands 已 301 跳转到 OpenHands/OpenHands。

github.com/OpenHands/OpenHands

cline/cline  ·  ★ 67,373  ·  TypeScript  ·  T1  ·  建仓 2024-07-06

VS Code 插件形态的自主编码 Agent。

• 功能：计划 — 执行 — 验证闭环，每步操作在编辑器内可见可撤销；支持作为 SDK、IDE 扩展或 CLI 使用。
• 场景：不习惯终端、希望在熟悉编辑器里用 Agent 的开发者。
• 亮点：每一步改动都以 diff 形式呈现，人工审批成本低；模型可自选，不绑定供应商。
• 注意：open issue 1,188；长任务会消耗较多 token，需要留意成本。

github.com/cline/cline

Aider-AI/aider  ·  ★ 48,684  ·  Python  ·  T1  ·  建仓 2023-05-09

终端结对编程，每次改动自动生成一个 git commit。

• 功能：仓库级代码理解、多文件编辑、自动提交、语音输入、与主流模型对接。
• 场景：习惯 git 工作流、希望每一步都可回滚的开发者。
• 亮点：自动提交这个设计很实在 —— AI 改坏了直接回退到上一个 commit 就行，不用另外做备份。
• 注意：open issue 1,844；Python 技术栈，前端同学改源码成本略高。

github.com/Aider-AI/aider

continuedev/continue  ·  ★ 35,735  ·  TypeScript  ·  T1  ·  建仓 2023-05-24

可完全自托管的 AI 编码助手，能接本地模型。

• 功能：IDE 插件 + CLI + 中心化配置；支持自定义模型、上下文提供者、规则（rules）与工具。
• 场景：代码不能出内网的团队、想用本地模型（Ollama / llama.cpp）的场景。
• 亮点：配置以文件形式管理，可以随仓库一起提交，团队共享一套 Agent 配置。
• 注意：open issue 938；接本地模型时效果高度依赖模型能力，需要有心理预期。

github.com/continuedev/continue

CopilotKit/CopilotKit  ·  ★ 37,167  ·  TypeScript  ·  T1  ·  建仓 2023-06-19

给已有 React 应用挂上 AI 交互层，不重写前端。

• 功能：侧边聊天组件、内联 AI 自动补全、前端状态可被 Agent 读写、AG-UI 协议；覆盖 React / Angular / Mobile。
• 场景：存量产品加 AI 助手、表单自动填充、让 Agent 直接操作应用状态。
• 亮点：把「应用状态」暴露给 Agent 是它最实用的部分 —— Agent 能读到你当前的表格数据再给建议，而不只是聊天。
• 注意：强绑定 React 为主的使用方式；AG-UI 协议仍在演进。

github.com/CopilotKit/CopilotKit

vercel/ai  ·  ★ 26,553  ·  TypeScript  ·  T1  ·  建仓 2023-05-23

TypeScript 里做 AI 应用的工具包，流式 UI 是核心。

• 功能：统一的多模型接口、流式文本与流式 UI 组件、工具调用（tool calling）、结构化输出；React / Vue / Svelte 适配。
• 场景：自建 AI 聊天界面、需要流式渲染的产品。
• 亮点：换模型只改一行 provider，不用重写业务代码；和 Next.js 的配合最顺。
• 注意：open issue 1,546，版本迭代快，升级前看 changelog。

github.com/vercel/ai

stackblitz/bolt.new  ·  ★ 16,534  ·  TypeScript  ·  T1  ·  建仓 2024-09-24

在浏览器里对话式生成完整全栈应用并实时预览。

• 功能：基于 WebContainers 在浏览器中运行 Node 环境，AI 生成代码后直接在页面内跑起来；支持编辑与部署。
• 场景：快速验证一个产品想法、做技术演示。
• 亮点：浏览器内跑真实 Node 运行时这件事是它的技术壁垒，不是简单的代码编辑器。
• 注意：open issue 8,189，fork 14,796，社区里大量二开版本；生成的代码质量参差，需要人工重构。

github.com/stackblitz/bolt.new

browser-use/browser-use  ·  ★ 112,090  ·  Python  ·  T0  ·  建仓 2024-10-31

让 AI 用真实浏览器完成任务，底层是 Playwright。

• 功能：把网页结构抽取成 LLM 可理解的形式、Agent 驱动浏览器点击与填表、任务编排、截图与过程记录。
• 场景：E2E 测试辅助、AI 抓取、需要登录态的自动化流程。
• 亮点：DOM 抽取层解决了「把整页 HTML 塞给模型会爆 context」的问题；Python 生态，和 Playwright 复用同一套浏览器。
• 注意：技术栈是 Python，纯前端项目集成需要走子进程或 HTTP 服务。

github.com/browser-use/browser-use