🔧 阿川の電商水電行
2025 年最火的前端專案出爐，No.1 易主！
1. 前言
快來看！JavaScript Rising Stars 公布了 2025 年 JavaScript 明星專案榜單。
此榜單根據 2025 年 GitHub 新增的星標數量，還建立了以下榜單：
最受歡迎的專案、前端框架、React 生態系統、後端/全端、建構工具、人工智慧、行動端、Vue 生態系統、狀態管理、CSS in JS、元件庫、測試、桌面端、靜態站點、GraphQL。
讓我們看一看都是哪些專案上榜了。
2. 最受歡迎專案
2025 最受歡迎的 JavaScript 專案 Top 10 分別是：
2.1. 總冠軍：n8n 🏆
n8n 是 2025 年的絕對贏家，一年內獲得了超過 112000 個星標。過往從來沒有一個專案在一年內獲得如此多的星標。
n8n 是一個工作流自動化平台，具備原生 AI 功能，可透過可視化工作流連接各種應用程式和服務。它的成功反映了市場對無代碼自動化工具日益增長的需求。
此外，在前 10 中還有 3 個與 AI 有關的專案，分別是：
- Onlook：為 React 應用帶來 AI 優先的視覺編輯功能
- Dyad：一款免費、本地化、開源的 AI 應用建立工具，也是 v0/lovable/Bolt 的替代方案
- Stagehand：AI 驅動的瀏覽器自動化
2.2. 亞軍：React Bits
React Bits 是一系列精美的 React 動畫元件（背景效果、文本動畫、卡片等），非常適合構建令人印象深刻的網站。
有趣的是，它以 shadcn/ui 專案的形式分發，可以透過命令行從 shadcn/ui 註冊表獲取，也可以透過傳統的複製粘貼方式添加到代碼庫中。
該文件附帶一個後台工作室，可讓你調整和自定義所有元件的設置（顏色、速度、粒子數量……），並將其匯出為代碼片段，你可以將其複製粘貼到代碼庫中。
2.3. 季軍：shadcn-ui
shadcn-ui 是 2023 年和 2024 年的冠軍，2025 年依然保持了強勁的发展勢頭。
這是一套設計精良、注重細節（例如可訪問性、鍵盤交互等）且風格統一的 React 元件，融合了 Radix UI、TanStack Table 等無頭元件的精華……
shadcn/ui 最令人驚豔的特點是，它在開箱即用的功能和可定制性之間找到了最佳平衡點。
3. 前端框架
前端框架 Top 15 分別是：
React 重新奪回了 2024 年被 htmx 奪走的王冠。
雖然有關於 Solid 或 Svelte 等替代方案是否更適合新專案的爭論，但因為 LLMs 基於 React 代碼庫進行訓練，使得這些替代方案很難獲得市場份額。
React 19 引入了重大改進，包括 Activity API 和用於管理用戶事件的增強型 hooks。
說到 effects，Cloudflare 因為錯誤使用 useEffect ，導致無限調用其 API ，最終導致自身遭受 DDoS 攻擊，造成了服務中斷。
React 向伺服器端遷移，推出了 React Server Components，這是近年來最大的變革。然而，這種變革也帶來了巨大的功能和風險，例如 React2Shell 漏洞，這是一個 React Server Components 中的遠程代碼執行 (RCE) 漏洞，需要緊急發布補丁進行修復。（2025 年 12 月 3 日，2025 年 12 月 11 日）
Ripple 位列第二，是前五名中的新秀。它是一個全新的 UI 框架，融合了 React、Solid 和 Svelte 的優點。它擁有響應式原語、元件化架構和範本語法。
目前仍處於早期開發階段。React 有 Next.js，Vue.js 有 Nuxt，Svelte 有 SvelteKit，Solid 有 SolidStart……Ripple 是否也會有自己的元框架來處理伺服器端渲染？
Svelte 連續第三年位列第三。Svelte 5 的 Runes 響應式系統（state、derived、$effect）已成為狀態管理的標準方式。
4. React 生態系統
React 生態系統 Top 10 分別是：
2025 年，React 生態系統迎來了一個明顯的轉折點，其核心在於一個長期存在的矛盾：日益強大的伺服器端功能與保持客戶端開發簡潔性和可預測性之間的衝突。
在 Next.js 的引領下，React 向伺服器元件、伺服器函數和串流的轉型，開啟了性能和架構方面的新可能。與此同時，這種轉變也引入了一種新的思維模式：理解客戶端-伺服器邊界、數據生命週期和渲染階段對於日常開發至關重要。
社區對此反應不一。
一些人欣然接受新的伺服器優先方向，認為這是 React 的自然演進；而另一些人則質疑，這種增加的複雜性是否值得用於日常 UI 開發。圍繞伺服器功能和請求邊界的安全事件進一步加劇了這場爭論。這些事件暴露了高度抽象的全端模式帶來的風險，同時也表明了另一件事：React 的伺服器端模型已經達到了實際應用的程度，其假設正在生產環境中接受壓力測試、審計和挑戰。
在此背景下，TanStack Start 因其以更以客戶端為中心（且同構）的視角看待 React 的新功能而備受關注，它優先考慮清晰性、類型安全性和顯式控制。這自然而然地將討論的焦點從框架本身轉移到了關於開發者應該接受多少抽象以及複雜性真正歸屬的理念之爭，而非功能競賽。
5. 後端 / 全端
後端 / 全端 Top 10 分別是：
一款新晉產品榮獲後端/全端類別冠軍！
Motia 代表了後端工程領域的範式轉變，它將以往需要多個獨立框架才能實現的功能整合到一個系統中。用戶無需再為 API、後台任務、佇列、工作流、數據流和 AI 代理等各種工具而煩惱，Motia 提供了一個涵蓋所有後端功能的統一框架。
Motia 的核心是使用名為“步驟”(Steps)的基本單元，它是一種單一的抽象概念，定義了代碼的運行方式、運行時間、運行地點以及運行內容。每個步驟都包含一個配置（用於定義觸發器、路徑和計畫任務）和一個處理程序（用於執行業務邏輯）。更改步驟類型，相同的模式即可應用於不同的用例：API 端點、事件處理程序或定時任務。
步驟可以用 TypeScript 或 Python 編寫。它還透過 Workbench 提供內建的可觀察性，Workbench 是一個可視化控制面板，用於管理、調試和觀察運行情況，此外還內建了狀態管理和串流功能。
接下來的 4 個專案與 2024 年相同，只是 Hono 和 Astro 的位置互換了。
去年排名第一的 Payload 是一款基於 Next.js 的混合型無頭 CMS 和管理面板。最大的新聞是它被 Figma 收購，其最終目標是縮小設計與代碼之間的差距。
Next.js 16 引入了快取元件，使快取機制更加明確和靈活。開發者可以創建包含來自伺服器的動態內容流的靜態頁面框架。
Astro 位列第四，它繼續閃耀著光芒，作為一個多功能的框架，可以構建內容豐富的應用程式（例如您喜愛的 JS Rising Stars！），同時提供良好的開發者體驗並注重性能。
Hono 位列第五，憑藉其輕量級核心（可在 Node.js 運行時、Cloudflare 工作進程等各種環境中運行）以及豐富的處理器和中介軟體生態系統，成為現代 Web 伺服器的標準（即使 Express 仍然流行！）。
元框架類別中最大的變化是Tanstack Start的崛起，如果你想在 React 之上構建全端應用程式，它是 Next.js 的最佳替代方案之一。
6. 工具
工具 Top 5 分別是：
Bun 的持續努力最終獲得了回報，這款一體化 JavaScript 工具包榮登榜首。在過去的一年中，它不斷提升性能、增強對Node.js 的相容性，並推出許多實用新功能，使其成為全端 JavaScript 開發的理想平台。年底，Bun 被 Anthropic 收購，我們非常期待 2026 年 Bun 的發展。
今年對 void(0) 來說也意義非凡。該公司在 2024 年底宣布，其正在開發新一代前端基礎設施工具（Oxc 和 Rolldown），並已讓我們得以一窺未來發展方向。其旗艦專案 Vite 在這一年中持續改進，穩定了新的Environment API，並實現了對基於 Rust 的全新打包工具 Rolldown 的支援。該專案甚至還擁有了自己的紀錄片。Vitest 也發布了其最受期待的功能之一：瀏覽器模式。
Oxc 生態系統中湧現出許多令人興奮的新專案，它們將成為現有工具極具吸引力的替代方案：Oxlint有望成為新一代 ESLint，而Oxfmt 則可能成為新一代 Prettier。該公司在年底完成了新一輪 A 輪融資，並發布了其首款商業產品Vite+。
值得一提的還有Rspack。這款來自字節跳動的基於 Rust 的打包工具，速度更快，而且可以即插即用，是 webpack 的替代方案，因此它今年被廣泛採用也就不足為奇了。更廣泛的 Rstack 生態系統也值得關注，它催生了Rstest和Rslint等新工具。
Next.js 最近將默認打包工具切換為 Turbopack ，相比之前的打包工具 webpack，速度有了顯著提升。需要注意的是，也可以使用 Rspack 構建 Next.js 應用。
儘管尚未完全成熟，但微軟用 Go 語言重寫 TypeScript無疑是今年最重要的公告之一，這將顯著提升其速度。團隊近期分享了最新進展，原生 TypeScript 體驗似乎已經準備好迎接早期用戶。TypeScript 6.0 將是最後一個基於 JavaScript 的版本，它將作為過渡到 TypeScript 7.0（Go 重寫版）的橋樑。展望 2025 年，現代基礎設施工具越來越多地源自大型企業或風險投資支持的公司，這引發了一個重要問題：成熟的、社區驅動的專案能否在未來一年保持競爭力？
7. 人工智慧
人工智慧 Top 10 分別是：
聊天機器人時代已經結束。如今開發者們更關注的工具並非聊天機器人庫或提示器，而是工作流引擎。
n8n 的表現令人矚目，預計 2025 年用戶數量將增長 11.2 萬。這並不令人意外，n8n 正在成為連接前沿模型和構建這些代理工具的首選工具。
Dyad、Flowise、Mastra 和 Stagehand 等公司堪稱自動化和代理工作流領域的佼佼者。Vercel 仍然是那些希望從底層掌控聊天和代理流程的用戶的首選（但他們也在不斷添加代理功能）。TanStack AI 雖然是後起之秀，但憑藉其強大的代理功能，正在迅速崛起。
所以，這是你們 2026 年的作業：別再問“如何讓我的 LLM 做出更好的回應”，而是開始問“哪些工作流程可以完全交給 AI 處理？”
選擇 n8n 或 Flowise，構建一個能夠根據事件觸發、推理選項並自動執行操作的程序，無需徵得許可。搭建一個Mastra 代理，使其能夠跨多個工具和平台進行協調。嘗試使用 Stagehand 來自動化瀏覽器任務。
聊天機器人只是輔助輪，是時候卸掉它們了。
哦，還有，請關注一下“code mode”這匹黑馬。它可能是自 MCP 以來這個領域最重大的突破。
8. 行動端
行動端 Top 10 分別是：
在 JavaScript Rising Stars 評選活動長達十年的歷史中，React Native 及其主要元框架 Expo 首次未能跻身行動端榜首。取而代之的是兩個新晉框架 Valdi 和 Lynx——它們分別是 Snap（Snapchat 的母公司）和字節跳動（TikTok 的母公司）的內部框架。
Valdi 和 Lynx對 React Native 開發者來說並不陌生。它們都借鑒了 Web 技術，能夠渲染原生視圖，同時支持 TypeScript、JSX、Flexbox 排版、熱重載和 CSS。Valdi 元件的外觀與 React 類元件類似，而 Lynx 則同時支持命令式 API 和功能齊全的 React 抽象層（默認情況下推薦使用後者）。
它們之間的區別在於它們針對的業務需求進行了優化。Valdi 的設計目標是輕量級、延遲加載和可擴展，從而支持用戶逐屏選擇性地啟用新功能，而不會造成顯著的性能損失。Lynx 的設計目標是提供豐富的互動體驗，它採用雙執行緒架構，提供類似 Web 的抽象層，避免單執行緒瓶頸。
但它們並非唯一撼動 React Native 霸主地位的新興框架。排名第四的 Dioxus 是一個雄心勃勃的框架，旨在基於 Web 技術打造“更優秀的 Flutter ”，但又無需功能齊全的 Web 視圖。
雖然目前 Dioxus 默認使用系統 Web 視圖，但其長期目標是穩定 Blitz ——一個輕量級的 Web 渲染器，它透過wgpu使用原生圖形 API（例如 Vulkan 和 Metal）進行繪製。目前，Dioxus 應用僅支持 Rust 腳本，但未來計畫支持更多語言。
9. Vue 生態系統
10. 狀態管理
11. 樣式 / CSS in JS
12. 元件庫
13. 測試
14. 桌面端
15. 靜態站點
16. GraphQL
最後
作為準前端開發專家，你，第一時間獲取前端資訊、技術乾貨、AI 課程，那不得關注下我的公眾號「冴羽」。
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
