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

无人机地面站QGC的安装(ubuntu20.04)

无人机地面站QGC的安装(ubuntu20.04) 1.安装依赖 使用以下命令: sudo usermod -a -G dialout $USER sudo apt-get remove modemmanager -y sudo apt install gstreamer1.0-plugins-bad gstreamer1.0-libav gstreamer1.0-gl -y sudo apt install libfuse2 -y sudo apt install libxcb-xinerama0 libxkbcommon-x11-0 libxcb-cursor0 -y 2.下载安装包 可以直接去官网下载,链接地址:https://docs.qgroundcontrol.com/master/en/qgc-user-guide/

基于Java(mybatis)+MySQL实现的(Web)时间日程管理系统

基于Java(mybatis)+MySQL实现的(Web)时间日程管理系统

基于 MyBatis 的时间日程管理系统 1 绪论 1.1 背景 随着时代的进步,网络技术层出不穷信息量急剧膨胀,整个人类社会已成为信息化的社会,人们对信息和数据的处理、管理和加工已经进入自动化、网络化和社会化的阶段。对于个人的日程管理也就更为重要,如果没有好的管理和来竞争力?在国际社会飞速发展的今天,我国也已成功加入世贸组织的今天,不得不让我们认真对待每一个问题。如今个人日程管理是人们生活中必不可少的一个环节,不管是社会还是公司企业想要取得更辉煌的成效,需要的是精确细致的安排管理。这里的管理就体现在个人的管理,当每个人都做好自己相关事情的时候,整体就会有所提升。 基于网络的个人日程管理系统则可以让人们在网络上记录自己的日常事情。使得自己在任何有网络环境的办公条件下都可以对自己需要处理的事物进行有序管理。并且随着个人的社会地位提高会出现不同的交际圈,会对身边的人加以区分。更有利的方便自身的管理以及在日常工作中对上下级的任务分配,不再局限于固定的时间召集人员开会、分配任务,可以及时的通过网络分配任务及了解自身的相关情况。通过该系统可以减轻公司人员的工作量,加快查询速度,加强管理

专业Web打印控件Lodop使用教程

专业Web打印控件Lodop使用教程

有时候需要在web上实现复杂的打印功能。但是用纯JavaScript实现基础打印是可行的,但要实现专业、稳定且复杂的打印功能,自己开发不仅难度极大,而且几乎不可能在浏览器环境中完全实现,所以像Lodop这样的打印控件来完成。 一、概述 (一)技术选型 1. 什么情况下可以用纯JS打印? * 需求简单:只需打印网页上的部分纯文本或简单图文内容。 * 体验要求低:不介意弹出系统对话框,用户可以手动调整打印设置。 * 无精度要求:对格式、分页、定位没有严格限制。 2. 什么情况下必须使用Lodop这类专业控件? * 企业级应用:OA、ERP、CRM、财务、物流、仓储等系统。 * 专业票据打印:发票、快递单、支票、证书等需要精确套打的场景。 * 批量与自动化:需要后台静默打印、批量打印标签或报告。 * 强格式要求:必须生成带复杂条码、图表、公章、分页汇总的文档。 (二)差异对比 特性纯JavaScript (CSS + window.print(

同花顺API收费模式全解析:如何根据投资需求选择最优档位?

1. 同花顺API收费模式全景解读 第一次接触同花顺API时,我和很多投资者一样被复杂的收费体系弄得一头雾水。经过半年多的实际使用,我发现它的收费结构其实很有逻辑性,完全可以根据自己的需求找到性价比最高的方案。 同花顺API采用典型的三层阶梯式收费体系,这种设计让我想起手机流量套餐——基础版满足日常使用,进阶版适合深度用户,专业版则面向企业级需求。每个档位在数据维度、调用频率、功能权限等方面都有明显区分。 基础档就像超市的"每日特惠",提供最核心的行情数据服务。我实测下来,这个档位支持每秒2次的查询频率,能获取A股市场的实时买卖五档行情、分钟级K线等基础数据。对于偶尔查看行情的散户来说完全够用,月费仅相当于两杯咖啡的价格。 进阶档开始展现同花顺的数据优势,增加了Level-2行情、逐笔成交等深度数据。去年我尝试用这个档位开发短线策略时,发现它支持每秒10次的高频查询,还能获取融资融券、大宗交易等特色数据。费用比基础档高出约3倍,但数据维度丰富了近10倍。 专业档则是机构投资者的"武器库",包含算法交易接口、独家资金流向数据等核心资源。某私募朋友告诉我,他们使用的专业版API能