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

用 OpenClaw 配置 Codex 5.3:一套“性价比很高”的个人 AI 编程方案

用 OpenClaw 配置 Codex 5.3:一套“性价比很高”的个人 AI 编程方案

这篇是我自己的实战复盘:从 OAuth 报错、模型没切过去,到最终把 OpenClaw 稳定跑在 openai-codex/gpt-5.3-codex 上,并通过飞书远程使用。 先说结论 如果你也在找「便宜 + 强 + 可控」的方案,我现在这套组合非常能打: * OpenClaw 负责 Agent 编排(工具、文件、会话、渠道) * OpenAI Codex 5.3 负责核心编码能力 * Feishu 作为消息入口(随时远程下指令) * 本地 Workspace 放在 G:\claw,项目资产可控 这套的性价比点在于: 1. 不需要重搭一整套复杂平台 2. Codex 5.3 编码质量明显高于普通通用模型

别再手动写代码了!Claude Skills 实战,让 AI 帮你干 80% 的活!

别再手动写代码了!Claude Skills 实战,让 AI 帮你干 80% 的活!

📋 目录 1. 什么是 Claude Skills 2. 快速安装 Skills 3. 已安装的 Skills 清单 4. Skills 使用方式详解 5. 实战案例:使用 Frontend Design Skill 创建网站 6. Skill 管理最佳实践 7. 高级技巧 8. 常见问题排查 什么是 Claude Skills Claude Skills 是模块化的能力包,包含指令、元数据和可选资源(脚本、模板),让 Claude 在需要时自动加载和使用。 核心特点 * 自动触发 - 无需手动调用,Claude 会根据你的需求自动识别并使用合适的 Skill * 渐进式加载

Flutter 组件 pathfinding 的鸿蒙化适配实战 - 驾驭极致拓扑寻踪大坝、实现 OpenHarmony 分布式端高性能 AI 寻路、迷宫拓扑与工业级路径导航核方案

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 组件 pathfinding 的鸿蒙化适配实战 - 驾驭极致拓扑寻踪大坝、实现 OpenHarmony 分布式端高性能 AI 寻路、迷宫拓扑与工业级路径导航核方案 前言 在鸿蒙(OpenHarmony)生态的分布式工业巡检、高性能游戏开发或者是对空间计算有极其严苛要求的 0308 批次智能仓储应用中。“复杂环境下的路径最优解计算与实时障碍避让维度”是衡量整个系统智慧化程度的最终质量门禁。面对包含数万个节点的网格地图、海量动态变化的货架坐标、甚至是由于跨设备同步产生的 0308 批次拓扑逻辑海洋。如果仅仅依靠简单的“直线欧式距离”或者是干瘪的广度优先搜索(BFS)。不仅会导致在处理大型复杂地图时让系统如同在逻辑废墟中盲人摸象。更会因为计算耗时指数级爆炸,让移动端在进行路径导航时瞬间陷入死机盲区。 我们需要一种“逻辑先行、代价建模”的空间演算艺术。 pathfinding 是一套专注于无缝整合全球公认顶级算法 A*、Dijkstra 以及二叉堆

AI Agent 架构:基础组成模块深度解析

AI Agent 架构:基础组成模块深度解析

AI Agent 架构:基础组成模块深度解析 📝 本章学习目标:本章是入门认知部分,帮助零基础读者建立对AI Agent的初步认知。通过本章学习,你将全面掌握"AI Agent 架构:基础组成模块深度解析"这一核心主题。 一、引言:为什么这个话题如此重要 在AI Agent快速发展的今天,AI Agent 架构:基础组成模块深度解析已经成为每个开发者和研究者必须了解的核心知识。无论你是技术背景还是非技术背景,理解这一概念都将帮助你更好地把握AI时代的机遇。 1.1 背景与意义 💡 核心认知:AI Agent正在从"对话工具"进化为"执行引擎",能够主动完成任务、调用工具、与外部世界交互。这一变革正在深刻改变我们的工作和生活方式。 从2023年AutoGPT的横空出世,到如今百花齐放的Agent生态,短短一年多时间,执行式AI已经从概念走向落地。根据最新统计,