)
GitHub 前端热榜项目 - 日榜(2026-05-08)
日榜 Top 5
1. OpenCode
📦项目地址： https://github.com/anomalyco/opencode
⭐当前 Star 数： 150,000+
📋项目介绍： 开源的 AI 编码代理工具，专为终端设计。支持多种 AI 模型提供商（GPT-4、Claude、Gemini 等），提供桌面应用和命令行两种使用方式，内置两个可切换的智能代理。
💡推荐语： OpenCode 是目前最火热的开源 AI 编码工具之一，在短短几个月内获得了 15 万+ Star。它的最大亮点是完全开源（MIT 许可）、不绑定任何 AI 提供商，并且对终端体验进行了极致优化。无论你是想在本地运行 AI 编码助手，还是需要一个灵活的多模型支持方案，OpenCode 都是理想选择。
2. HyperFrames
📦项目地址： https://github.com/heygen-com/hyperframes
⭐当前 Star 数： 快速增长中
📋项目介绍： 由 HeyGen 开源的“代理原生”框架，使用 HTML、CSS 和 JavaScript 创建、预览和渲染视频。支持 GSAP 时间轴动画、Tailwind CSS，并可与 Claude Code、Cursor 等 AI 编码工具无缝集成。
💡推荐语： HyperFrames 开创了一种全新的视频创作方式——用前端代码生成视频。对于熟悉 Web 开发的工程师来说，这意味着你可以用 HTML 和 CSS 来制作动画视频，无需学习传统视频编辑软件。特别适合需要批量生成产品介绍视频、营销素材或动态图表的团队。
3. Pi
📦项目地址： https://github.com/can1357/oh-my-pi
⭐当前 Star 数： 新晋项目
📋项目介绍： 专为终端设计的 AI 编码代理，采用哈希锚定编辑、优化的工具框架、LSP 支持、Python 集成、浏览器控制、子代理等高级特性。支持 Bun 运行时，提供更快的启动速度。
💡推荐语： Pi 是一个针对高级开发者优化的 AI 编码助手，它通过哈希锚定编辑技术提高了代码修改的准确性，并内置了 LSP（语言服务器协议）支持，能够更好地理解代码结构。如果你需要一个功能更强大、可定制性更高的 AI 编码工具，Pi 值得尝试。
4. OpenClaw
📦项目地址： https://github.com/openclaw/openclaw
⭐当前 Star 数： 366,000+
📋项目介绍： 个人 AI 助手，支持任何操作系统和平台。采用“龙虾”主题设计，提供 Gateway 守护进程，支持持续运行。基于 Node.js 构建，提供完整的本地化 AI 助手解决方案。
💡推荐语： OpenClaw 是 GitHub 上增长最快的开源项目之一，在短短几个月内就超越了 Linux 和 React，成为 GitHub 历史上 Star 数最多的非聚合类软件项目。它的成功在于提供了一个真正能在用户本地机器上自主工作的 AI 代理框架，让 AI 不仅仅是回答问题，而是能够实际执行任务。
5. Paperclip
📦项目地址： https://github.com/paperclipai/paperclip
⭐当前 Star 数： 53,000+
📋项目介绍： 零人力公司的开源编排平台。将 AI 代理建模为公司员工，具有角色、汇报关系、预算、心跳机制和治理结构。支持多种 AI 代理（OpenClaw、Claude、Codex 等），提供完整的组织架构管理。
💡推荐语： Paperclip 提出了一个革命性的概念——用公司组织架构的方式管理 AI 代理。你可以设置 CEO、CTO 等角色，定义汇报关系和预算限制，让多个 AI 代理像真实团队一样协作。在 6 周内获得 5.3 万+ Star，证明了这种“AI 公司”的编排理念深受开发者欢迎。
最新项目 Top 5
1. BlazeDiff
📦项目地址： https://github.com/teimurjan/blazediff
⭐当前 Star 数： 快速增长中
📋项目介绍： 超高性能的 JavaScript 图像对比生态系统。最初作为像素级图像对比库，比 pixelmatch 快 1.5 倍，现已发展成包含图像对比、对象差异、感知质量指标、Web 组件和 React 组件的完整差异工具套件。
💡推荐语： BlazeDiff 通过块级优化和 SIMD 技术，将图像对比性能提升到新高度。对于需要进行视觉回归测试、UI 自动化测试或图像质量检测的团队来说，BlazeDiff 能显著缩短测试时间。Ant Design 等知名项目已经在使用它进行视觉回归测试。
2. react-wheel-picker
📦项目地址： https://github.com/ncdai/react-wheel-picker
⭐当前 Star 数： 新晋项目
📋项目介绍： iOS 风格的 React 滚轮选择器，支持平滑的惯性滚动和无限循环。提供自然的触摸滚动体验、鼠标拖拽和滚轮支持、无样式组件以实现完全的样式定制。
💡推荐语： 如果你想在 Web 应用中实现类似 iOS 原生的滚轮选择器体验，这个组件是最佳选择。它不仅外观精美，而且交互流畅，支持触摸、鼠标和键盘操作，适合用于日期选择器、城市选择器等场景。由 Vercel OSS 计划支持。
3. KiboUI
📦项目地址： https://github.com/haydenbleasel/kibo
⭐当前 Star 数： 新晋项目
📋项目介绍： 为 shadcn/ui 设计的自定义组件注册表，提供可组合、可访问和可扩展的组件。完全免费且开源，包含表格、拖放区、AI 输入等高级组件。
💡推荐语： shadcn/ui 已经成为 React 生态中最受欢迎的 UI 组件库之一，而 KiboUI 在此基础上提供了更多高级组件。如果你正在使用 shadcn/ui 构建应用，KiboUI 能帮你快速添加更复杂的交互组件，加速开发进程。
4. Animata
📦项目地址： https://github.com/codse/animata
⭐当前 Star 数： 2,500+
📋项目介绍： 免费开源的手工制作动画、效果和交互集合，专为 React 设计。提供复制粘贴即用的动画代码，让网站瞬间生动起来。
💡推荐语： Animata 为开发者提供了一个精心策划的动画组件库，每个动画都经过精心设计和优化。无需从零开始编写复杂的动画代码，只需复制粘贴即可为你的网站添加专业级的动画效果。特别适合需要快速提升产品视觉体验的团队。
5. HyperFrames
📦项目地址： https://github.com/heygen-com/hyperframes
⭐当前 Star 数： 快速增长中
📋项目介绍： 由 HeyGen 开源的“代理原生”框架，使用 HTML、CSS 和 JavaScript 创建、预览和渲染视频。支持 GSAP 时间轴动画、Tailwind CSS，并可与 Claude Code、Cursor 等 AI 编码工具无缝集成。
💡推荐语： HyperFrames 同时出现在日榜和最新项目榜单中，说明它既是新项目又获得了极高的关注度。这个项目将 Web 开发技能与视频创作结合，为前端开发者打开了视频制作的新世界，特别适合需要程序化生成视频内容的场景。
生成时间： 2026-05-08 18:29
