3676 字
18 分钟
2025年前端框架总结

下面的结论与图表基于「2025 JavaScript Rising Stars」:统计 Best of JS 收录项目在 2025 年新增的 GitHub star(近 12 个月增量),用来观察“关注度变化”而非“绝对使用量”。我在此基础上做了归纳与选型建议。

1. 2025 的整体信号#

  • AI 不再只是“聊天”,而是以“工作流/代理编排”的形态爆发,n8n 以断层优势成为年度冠军。
  • React 重新夺回“前端框架”榜首,但真正的焦点是向 Server Components/Server Functions 的迁移带来的复杂度与安全风险。
  • 前端工具链继续走向“更快、更统一”:运行时、打包、格式化/Lint 的一体化趋势更明显。

1.1 年度冠军 n8n 的 2025 月度增长(新增 star)#

n8n:2025 月度新增 star(k)051015峰值:14.4k(4 月)123456789101112

2. 最受欢迎的项目(Top 10)#

最受欢迎项目 Top 10:2025 新增 star1 n8n2 React Bits3 shadcn/ui4 Excalidraw5 Supabase6 Onlook7 Better Auth8 Dyad9 AFFiNE10 Stagehand+112.4k+32.8k+26.3k+25.1k+19.9k+19.4k+19.0k+18.9k+17.3k+17.1k
排名项目2025 新增 star定位关键词
1n8n+112.4k工作流自动化平台工作流、原生 AI、400+ 集成
2React Bits+32.8k动效/交互组件集合组件分发、shadcn 风格、可视化调参
3shadcn/ui+26.3k组件库 + 注册表无障碍、可定制、分发模式
4Excalidraw+25.1k手绘风白板协作、图形化表达
5Supabase+19.9k开源 BaaSPostgres、边缘能力、全栈后端
6Onlook+19.4kAI 优先可视化编辑器设计到代码、React 应用、编辑器
7Better Auth+19.0kTypeScript 鉴权框架插件系统、框架无关、多租户
8Dyad+18.9k本地开源 AI 应用构建器v0/lovable 替代、快速原型
9AFFiNE+17.3k开源知识库/协作Notion/Miro 替代、隐私优先
10Stagehand+17.1kAI 浏览器自动化测试、运营自动化、代理编排

分析要点:

  • n8n 的增长几乎“改写刻度”,2025 年从工具到生态位的关注都集中到了“工作流 + AI”。
  • Top 10 里与“React 组件分发/体验”相关的项目占比非常高(React Bits、shadcn/ui、Onlook 等),说明“做 UI 这件事”正在向“可复制粘贴的工程化积木”收敛。
  • Better Auth 这类“框架无关 + 插件化”的基础能力项目上榜,说明全栈化后对安全与工程抽象的需求在上升。

3. 前端框架(Top 5)#

前端框架 Top 5:2025 新增 starReactRippleSveltehtmxVue.js+11.0k+6.5k+4.6k+4.5k+4.3k
排名框架2025 新增 star定位关键词
1React+11.0kUI 库/生态核心全栈化、RSC/Server Actions、流式渲染
2Ripple+6.5k新一代 UI 框架实验响应式原语、组件化、早期阶段
3Svelte+4.6k编译型框架Svelte 5、Runes、简化状态建模
4htmx+4.5kHTML 驱动交互Server-first、低 JS、渐进增强
5Vue.js+4.3k渐进式框架生态稳定、工程化成熟

分析要点:

  • React 的“回归第一”更像是生态在押注“全栈化”:Server Components、Server Actions、流式渲染把边界推向服务端,但也放大了复杂度与安全面。
  • Ripple 是 Top 5 的新面孔:更像“下一代 UI 框架实验场”,但它是否会出现像 Next.js/Nuxt/SvelteKit 这样的元框架,是 2026 的看点。
  • Svelte 连续稳定在前三,Svelte 5 的 Runes($state/$derived/$effect)逐渐成为其状态建模的主流写法。

4. React 生态(Top 5)#

React 生态 Top 5:2025 新增 starReact Bitsshadcn/uiExcalidrawOnlookVercel AI SDK+32.8k+26.3k+25.1k+19.4k+9.7k
排名项目2025 新增 star定位关键词
1React Bits+32.8k动效/交互组件集合复制粘贴、动效、展示组件
2shadcn/ui+26.3k组件库 + 注册表可定制、无障碍、组合式
3Excalidraw+25.1k手绘风白板协作、图形化表达、嵌入式
4Onlook+19.4kAI 优先可视化编辑器设计到代码、React、编辑器
5Vercel AI SDK+9.7kAI 应用 SDK流式、工具调用、RAG

分析要点:

  • “组件注册表/可复制粘贴组件”成为 UI 生产的新范式:React Bits 本身甚至以 shadcn/ui 项目形态分发。
  • Onlook 这类“AI 优先的可视化编辑器”开始进入主流讨论:它们并不是低代码的旧叙事,而是以 AI 为核心的“设计到代码”通道。

5. 后端 / 全栈(Top 5)#

后端 / 全栈 Top 5:2025 新增 starMotiaPayloadNext.jsAstroHono+13.8k+8.9k+8.7k+7.2k+6.8k
排名框架2025 新增 star定位关键词
1Motia+13.8k工作流式后端框架编排、Step/Worker、可观测
2Payload+8.9kHeadless CMS/全栈框架Admin、Postgres、内容建模
3Next.js+8.7kReact 元框架RSC、Server Actions、全栈路由
4Astro+7.2k内容优先元框架Islands、性能、静态/SSR
5Hono+6.8k轻量 Web 框架Web 标准、多运行时、边缘部署

分析要点:

  • Motia 的叙事是“统一后端”:用单一抽象(Steps)覆盖 API、队列、工作流、流处理、AI agent,反映出后端工程也在向“可观测 + 状态 + 编排”收敛。
  • Astro 与 Hono 代表了“更轻的服务端”:前者适合内容型应用与性能取向,后者用 Web Standards 在多运行时之间迁移更自然。

6. 工具(Top 5)#

工具 Top 5:2025 新增 starBunViteBiomeOxlint/Oxc Parser/OxfmtNx+10.8k+7.6k+6.7k+5.2k+3.7k
排名工具2025 新增 star定位关键词
1Bun+10.8kJS 运行时/工具链运行时、打包、测试、速度
2Vite+7.6k前端构建工具Dev Server、HMR、插件生态
3Biome+6.7k格式化 + Lint 工具一体化、快速、可配置
4Oxlint/Oxc Parser/Oxfmt+5.2kRust 工具链组件Lint、Parser、格式化
5Nx+3.7kMonorepo 工程工具任务编排、缓存、工作区

分析要点:

  • “一体化工具链”在加速:运行时(Bun)、构建(Vite)、格式化/检查(Biome、Oxc)都在追求更快的默认体验。
  • 2025 年基础设施工具的一个重要趋势是“系统语言化”:Rust/Go 生态的占比更高,性能成为可见的竞争点。

7. AI(Top 5)#

AI Top 5:2025 新增 starn8nDyadStagehandMastraFlowise+112.4k+18.9k+17.1k+15.0k+14.6k
排名项目2025 新增 star定位关键词
1n8n+112.4k工作流自动化平台工作流、代理编排、集成生态
2Dyad+18.9k本地开源 AI 应用构建器v0 替代、快速原型、本地优先
3Stagehand+17.1kAI 浏览器自动化代理、测试、运营自动化
4Mastra+15.0kAI Agent 框架工具调用、流程编排、可观测
5Flowise+14.6k可视化 LLM 工作流LangChain 风格、拖拽、RAG

分析要点:

  • 2025 年的主旋律是“工作流引擎”而不是“聊天 UI”:把模型接入业务流程、让系统在触发后推理并采取动作,成为最明确的增长方向。
  • 前端开发者会更频繁地遇到“浏览器自动化 + 代理编排”的需求(如 Stagehand),这会反向影响测试、运营、增长与研发流程。

8. 移动端(Top 10)#

移动端 Top 5:2025 新增 starValdiLynxExpoDioxusReact Native+15.9k+14.0k+10.2k+5.7k+5.0k
排名项目2025 新增 star定位关键词
1Valdi+15.9k跨端 UI 框架TypeScript、JSX、Web 风格
2Lynx+14.0k跨端渲染/运行时原生渲染、性能、工程化
3Expo+10.2kReact Native 平台/工具链EAS、Router、原生能力
4Dioxus+5.7kRust UI 框架跨平台、声明式、性能
5React Native+5.0k移动端框架跨平台、生态、原生桥接
6React Native Reusables+3.3kRN 组件库/分发复制粘贴、设计系统、工程化
7Capacitor+2.2kWeb 到原生容器原生插件、Hybrid、迁移
8NativeWind+1.9kRN 的 Tailwind 方案实用类、样式系统、DX
9gluestack-ui+1.7kRN 组件库主题化、可组合、Design System
10Tamagui+1.7k跨平台 UI KitRN + Web、性能、编译优化

分析要点:

  • Valdi 与 Lynx 的出现让“跨平台 UI”有了更多 Web 风格的选择:TypeScript、JSX、flexbox、热重载、CSS 等,说明开发者仍然强烈偏好 Web 生产力模型。
  • React Native 与 Expo 仍是可靠的长期下注,但 2025 的榜单也提示:移动端的“新抽象”正在涌现,尤其是在性能与交互复杂度更高的场景。

9. 2026 选型建议(面向落地)#

  • 以“团队稳定交付”为第一目标:React + 成熟元框架仍是默认解,但需要把“客户端/服务端边界、安全面、缓存与数据生命周期”纳入工程规范。
  • 以“体验/速度与简单”为第一目标:Svelte 的开发体验很强,适合新项目或内容型产品,团队学习曲线相对平滑。
  • 以“内容 + 性能 + 部分交互”为第一目标:Astro 仍然非常稳,适合把交互作为“岛屿”而非全量 SPA。
  • 以“AI 作为工作的一部分”为第一目标:优先考虑可编排的工作流/代理工具,把测试、运营、数据处理、内容生产纳入自动化闭环。

10. 年度大事与 2026 展望#

2025 年发生了几件会改变 JS 生态结构的事:Bun 被 Anthropic 收购(Claude Code/Claude 模型背后的公司),并明确把 Bun 作为 AI 编码产品的关键基础设施之一,这也解释了为什么“一体化运行时 + 单文件可执行分发”会在 AI 编码工具/代理时代变得更重要。同样值得关注的是人才与组织的迁移:长期代表 Next.js 的 Lee Robinson 加入 Cursor,围绕 AI 编码与工作流推出面向初学者的学习内容(参考:Lenny’s Newsletter 访谈Cursor Learn 相关内容);而 NuxtLabs(Nuxt/Nitro 团队)加入 Vercel,也被视作“多框架共存”在平台侧变得更现实的信号。

框架层面也在分化:Remix 3 选择淡化 React 依赖、进一步回到 Web 平台与更少的关键依赖(参考:InfoQ 报道)。而 React/Next 侧,“指令(directive)”正在从 use clientuse serveruse cache 走向影响更广的基础设施语义,带来边界清晰度与可移植性的讨论。与此同时,供应链安全风险被进一步放大:Shai-Hulud 相关的 npm 供应链攻击波及大量包与仓库,让“依赖审计、最小权限、凭证轮换、供应链防护”从最佳实践变成了刚需。

2026 的未来更像一条“平衡线”:代理工作流(能编排、能回放、可观测)会成为开发者的必备技能,但同时也要避免把控制权完全交给 AI 而牺牲工程质量、边界与安全;能否在“速度”与“可维护性”之间找到合适的中间点,将决定团队在 AI 时代的长期竞争力。

2025年前端框架总结
https://blog.ai-nous.com/posts/2025年前端框架总结/
作者
PankitGG
发布于
2026-01-11
许可协议
CC BY-NC-SA 4.0