2025年度前端最受欢迎项目出炉,和你想的可能有点不一样?

2025年度前端最受欢迎项目出炉,和你想的可能有点不一样?

下面的图表比较了各个项目过去 12 个月在 GitHub 上获得的 star。项目来源于 Best of JS 网站,一个收集了 Web 平台优秀项目的网站。

最受欢迎项目

年度冠军项目: n8n 🏆

n8n 是2025年排行榜的绝对赢家,数据非常惊人:一年内增加了+112,000颗星。自从我们开始发布 Rising Stars 以来,还没有哪个项目在一年内获得如此多的星标。

n8n 是一个公平代码的工作流自动化平台,具有原生AI功能,允许您通过可视化工作流连接各种应用程序和服务。它的成功反映了对无代码自动化工具日益增长的需求,现在通过AI集成得到增强,以支持新兴的基于代理的工作流。

在工作流自动化领域,您可能对2025年创建的以下两个项目感兴趣:

Motia(总体排名第17)
workflow
另外三个与AI相关的项目进入TOP 10:

Onlook:为React应用带来AI优先的可视化编辑
Dyad:一个免费的、本地的、开源的AI应用构建器,是v0/lovable/Bolt的替代品
Stagehand:带来AI驱动的浏览器自动化

在这里插入图片描述
第2名: react-bits🥈

React Bits 是一个React的精美动画组件集合(背景效果、文本动画、卡片等),非常适合构建令人难忘的网站。

有趣的是,它作为一个shadcn/ui项目分发,可以通过命令行从shadcn/ui注册表获取,或通过传统的复制粘贴方式添加到您的代码库中。某些组件需要依赖:GSAP 或 motion。

文档附带一个背景工作室,让您调整和自定义所有组件的设置(颜色、速度、粒子数量等),并导出可复制粘贴到代码库中的代码片段。

还有Vue版本:Vue Bits。

在这里插入图片描述
第3名: shadcn-ui🥉

排名第3的是shadcn/ui,2023年和2024年的冠军,继续保持强劲势头。

如果您查看过我们的前几期,您已经知道这是一套用品味和对细节的极大关注制作的一致React组件(无障碍访问、键盘交互等),汇集了最好的无头组件,如Radix UI、TanStack Table等。

它也是一个注册表,使得分发组件的新模式成为可能。 许多项目定义自己为"shadcn/ui"项目,官方注册目录中列出了大约100个项目。

shadcn/ui 最令人惊叹的特点是,在开箱即用的功能和可定制性之间找到了最佳平衡点。

除了新增的组件外,shadcn/ui 不再与 Radix UI 紧密耦合,现在支持 Base UI(在组件库排名中位列第4)

有人批评使用它构建的网站看起来相似;然而,随着新样式的引入和新的创建页面(用于构建自定义主题)的推出,外观自定义能力得到了很大改善。

在这里插入图片描述

前端框架前10名

在这里插入图片描述


React从htmx手中重新夺回了桂冠,htmx在2024年位居该类别榜首。

关于React的年龄以及Solid或Svelte等替代方案是否更适合新项目的争论,因LLM被训练使用React代码库而变得更加复杂,这使得替代方案更难获得势头。参见React是如何默认获胜的。

React 19引入了重大改进,包括Activity API和用于管理用户事件的增强钩子。

说到副作用,发生了一次中断,Cloudflare因为仪表板上的一个useEffect无限调用他们的API而对自己进行了DDoS攻击。

React通过React服务器组件向服务器端转移,标志着近年来最大的变化,但这伴随着巨大的力量和风险,如React2Shell等关键漏洞所示,这是React服务器组件中的一个远程代码执行(RCE)漏洞,需要紧急补丁发布。(2025年12月3日,2025年12月11日)

排名第2的是Ripple,这是TOP 5中的新面孔。这是一个全新的UI框架,结合了React、Solid和Svelte的最佳特性。它具有响应式原语、基于组件的架构和模板语法。

目前处于早期开发阶段。React有Next.js,Vue.js有Nuxt,Svelte有SvelteKit,Solid有SolidStart……Ripple会有自己的元框架来处理服务器端渲染吗?

Svelte连续第三年排名第三。Svelte 5的Runes响应式系统($state, $derived, $effect)已成为建模状态的标准方式。

工具前十名

在这里插入图片描述

AI前10名

在这里插入图片描述

移动端前10名

在这里插入图片描述

Vue 生态

在这里插入图片描述

UI组件库

在这里插入图片描述

桌面端

在这里插入图片描述

静态站点

在这里插入图片描述

Read more

论坛网站信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】

论坛网站信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】

摘要 随着互联网技术的快速发展,论坛网站作为信息交流的重要平台,其用户规模和功能需求日益增长。传统的论坛系统在性能、可扩展性和用户体验方面存在诸多不足,难以满足现代用户的需求。为了提高论坛系统的管理效率、优化用户体验并保障数据安全,开发一套基于SpringBoot后端、Vue前端和MySQL数据库的论坛网站信息管理系统具有重要的现实意义。该系统能够实现用户注册、发帖、评论、权限管理等核心功能,同时支持管理员对内容的高效管理。关键词:论坛网站、信息管理、SpringBoot、Vue、MySQL。 本系统采用前后端分离架构,后端基于SpringBoot框架实现高效的业务逻辑处理和数据交互,前端使用Vue.js框架构建动态用户界面,数据库采用MySQL存储结构化数据。系统功能模块包括用户管理模块(注册、登录、权限控制)、帖子管理模块(发布、编辑、删除)、评论管理模块(回复、点赞)以及后台管理模块(数据统计、内容审核)。系统通过RESTful API实现前后端数据交互,确保数据传输的安全性和高效性。关键词:前后端分离、RESTful API、权限控制、动态交互、

WHAT - SWC Rust-based platform for the Web

文章目录 * 一、SWC 到底是什么? * 二、为什么 SWC 会流行 * 三、SWC 使用 * Next.js * Vite * Turbopack * 四、SWC 和 Babel 的本质区别 * 五、SWC 在构建体系中的位置 * 六、从架构视角看 SWC 的意义 * 七、作为前端工程师该怎么理解 SWC * 八、什么时候选 SWC * 项目规模是否足够大 * 是否需要大量 Babel 插件生态 * CI 构建时间是否成为成本 * 九、更深层认知 SWC 是一个 用 Rust 写的 JavaScript / TypeScript 编译器工具链,目标是:

WebGL基础教程(十三) :玩转矩阵,从 0 到 1 玩转 3D 动画(新手也能秒懂矩阵变换)

WebGL基础教程(十三) :玩转矩阵,从 0 到 1 玩转 3D 动画(新手也能秒懂矩阵变换)

还在被 WebGL 的矩阵搞得头大?想不通平移、旋转、缩放的矩阵怎么写,更不懂复合变换的顺序? 今天这篇教程,全程围绕标准矩阵乘法展开,从基础矩阵原理到实战动画,手把手教你用纯矩阵写法实现 WebGL 平移、旋转、缩放,甚至用 gl-matrix 库实现炫酷的复合动画,新手也能跟着敲出效果,彻底搞懂矩阵在 WebGL 中的核心作用。 1.先搞懂:WebGL + 矩阵 = 3D 图形的灵魂 WebGL(Web Graphics Library)是浏览器原生的 3D/2D 渲染 API,无需插件、直接调用 GPU 加速 —— 但想要玩转 WebGL 动画,矩阵乘法是绕不开的核心!  核心优势(标准矩阵版) * 矩阵统一变换逻辑:平移、旋转、

【前端】-音乐播放器(源代码和结构讲解,大家可以将自己喜欢的歌曲添加到数据当中,js实现页面动态显示音乐)

【前端】-音乐播放器(源代码和结构讲解,大家可以将自己喜欢的歌曲添加到数据当中,js实现页面动态显示音乐)

前言:音乐播放器是前端开发中的一个经典项目,通过它可以掌握很多核心技术,如音频处理、DOM操作、事件监听、动画效果等。这个项目不仅能提升前端开发的技能,还能让开发者深入理解JavaScript与HTML的协同作用。 页面展示: 歌曲页面+列表(html代码): 录视频时音乐有点卡顿,大家看视频效果就行  git链接:密码生成器: 用来生成密码的小项目  下面有详细的注释讲解,大家可以对照着上图中的结构进行理解,当然也可以自己写,大家了解我的思路就行 <div> <div> <!-- 歌曲信息卡片(隐藏页面) --> <div> <div> <div> <h4>我记得</h4>