想从全局视角把握前端生态？那肯定要关注 2025年 JavaScript 明星项目 这个站点。它每年都会梳理前一年最重要的前端项目，参考价值相当高。现在数据刚好停留在2025年，正好可以看看这一年都有哪些值得关注的技术。
进入榜单，那几个耳熟能详的老面孔（React、Vue）这里就不多念叨了，直接看一些让人眼前一亮的新鲜项目。
n8n 是这届的绝对赢家，一年内猛增 +112,000 颗 GitHub Star。它本质上是一个公平代码的工作流自动化平台，靠原生 AI 能力出圈。国内类似的产品是字节的扣子，但 n8n 更硬核一点：你可以自己部署，完全免费。我自己就搭了几个工作流，定时往谷歌文档里写监控日志。很多人刚听说 n8n 时还以为是什么计算机术语，其实它早就有了，只是这两年借 AI 的风口彻底火了起来。
React Bits 排名第二，是一个 React 动效组件库。说实话我之前没太关注，但去官网逛了一圈，苹果风扑面而来——简约、质感强，AI 味道不重。它作为 shadcn/ui 项目的一个分支，可以通过命令行从 shadcn/ ui 注册表获取，也能直接复制粘贴到代码库里。既然我一直在用 shadcn/ui，有空一定试试。
第三名就是大名鼎鼎的 shadcn-ui 了。
这个库我用了三年，做了十几个项目，和 React 搭配起来简直绝配。
它看上去平淡无奇，但每个弯折、每个角度都恰到好处，而且极容易定制。我试过很多 UI 库，只有 shadcn/ui 能在各种场景下都驾驭得住。比如我那款月订阅费 300 美元的高端 SaaS 工具，只有这套组件库能撑起那种高级感十足的界面气质。
Excalidraw 排在第四，是一个手绘风格的白板工具，很多网课老师都拿它画图。国产同类工具也做得非常用心。
Supabase 紧随其后。做 AI 工具网站的话，有了它你基本就不用太操心后端了。它几乎集成了所有常用的后端功能和后台操作，并且免费额度相当可观。
接下来，看看各个细分领域的前五名：
前端框架
- React：主流 Web UI 库
- Ripple：新 TypeScript 优雅 UI 框架
- Svelte：轻量编译型框架
- htmx：HTML 直接增强 AJAX 等能力
- Vue.js：渐进式前端框架
尤大的 Vue 这几年确实被 React 压了一头，尤其 AI 工具默认都选 React 以后，份额下滑不少。不过 Svelte 在小项目里依然很好用，值得一试。Ripple 还不太了解，至于 htmx……这种“奇技淫巧”居然排名这么靠前，有点意外。
React 生态
- React Bits：React 动效组件库
- shadcn/ui：通用组件分发平台
- Excalidraw：协作手绘白板工具
- Onlook：AI 驱动的 React 可视化编辑
- Vercel AI SDK：TypeScript AI 应用开发工具包
多亏了 Vercel 和 Next.js 的贡献，这个生态才能如此繁荣。
后端 / 全栈
- Motia：多语言一体化后端框架
- Payload：Next.js 全栈开发框架
- Next.js：React 服务端渲染框架
- Astro：现代轻量站点构建器
- Hono：跨平台 Web 标准框架
Motia 这个第一名让人有点意外，回头得仔细研究一下。
工具
- Bun：极速 JS 运行时与打包器
- Vite：下一代前端构建工具
- Biome：Web 项目格式化与 Lint 工具链
- Oxlint：高性能 JS 代码检查器
- Nx：构建 CI 优化加速工具
我现在已经完全抛弃 Node.js，一律用 Bun。用 Zig 写出来的东西，快得没话说。
AI
- n8n：AI 原生工作流自动化平台
- Dyad：本地开源 AI 应用构建器
- Stagehand：AI 浏览器自动化框架
- Mastra：TypeScript 栈 AI 应用开发框架
- Flowise：可视化 AI 代理构建工具
除了 n8n，后面几个都挺陌生的……看着甚至有点焦虑。一见到 AI 就紧张，浑身不自在。
移动端
- Valdi：跨平台原生性能 UI 框架
- Lynx：字节跨平台渲染框架
- Expo：React Native 通用开发框架
- Dioxus：全栈跨端应用框架
- React Native：React 原生应用框架
不懂，不多说。
Vue 生态
- Slidev：开发者专用演示工具
- Nuxt：Vue 渐进式全栈框架
- Vue Bits：Vue 动画交互组件库
- shadcn-vue：Vue 版 shadcn/ui 组件
- VitePress：Vue 驱动静态站点生成器
还是那几样，意料之中。
状态管理
- Zustand：轻量 React 状态管理
- Jotai：原子化状态管理库
- alien-signals：响应式信号库
- X：高效状态管理方案
- Nano stores：微型跨框架状态库
直接用 Zustand 就够了。
样式 / CSS in JS
- Tailwind CSS：实用优先 CSS 框架
- DaisyUI：Tailwind 组件库
- Pico.css：极简 CSS 框架
- NativeWind：RN 端 Tailwind 方案
- B：样式工具库
虽然官方不推荐用 YYDS 这个词，但 Tailwind CSS 就是 YYDS。未来的大学生大概会跳过原生 CSS 直接学 Tailwind，到时候全球前端界面的品控能提高一大截。
UI 组件库
- shadcn/ui：可访问高质量组件
- tweakcn：组件定制增强工具
- Magic UI：魔法动效组件库
- Base UI：基础无样式组件
- HeroUI：美观易用组件集合
用第一名的 shadcn/ui 就完事了。
测试
- Stagehand：AI 浏览器自动化测试
- Midscene.js：视觉模型 UI 自动化
- V：高效测试框架
- A：测试工具集
- Puppeteer：无头浏览器测试
Stagehand 确实不错，一句话就能生成测试方案。
桌面端
- Wails：Go + Web 桌面应用
- Dioxus：跨平台桌面框架
- Electron：Web 技术桌面应用
- electron-vite：Electron + Vite 集成
- e：桌面开发工具
前几天刚介绍过 Dioxus，效果挺好，把 Electron 的很多痛点都解决了。
静态站点
- Next.js：React 静态 / 动态站点
- Fumadocs：文档站点生成
- Astro：多框架兼容站点工具
- Docusaurus：React 文档框架
- M：静态站点工具
全是熟悉的脸，没什么好说的。
GraphQL
- Twenty：GraphQL 相关工具
- Directus：开源数据 GraphQL 平台
- TanStack Query：数据获取状态管理
- EverShop：电商 GraphQL 方案
- Vendure：开源电商 GraphQL 框架
这个领域实在涉足不多。
如果你对前端技术有浓厚兴趣，不妨来云栈社区一起交流探讨。
发表于 昨天 21:06
|
查看: 6|
回复: 0
