框架与前端

PNPM Workspaces

PNPM Workspaces 通过工作空间协议（workspace:）和严格的依赖解析，提供最快最节省磁盘的Monorepo管理方案，已成为Vue/Vite等大型项目的标准选择。

Nx

Nx 是智能的Monorepo构建系统，通过依赖图分析和计算缓存优化构建速度，支持React/Angular/NestJS等多种技术栈，适合大型企业级Monorepo。

Turborepo

Turborepo 是Vercel出品的Monorepo管理工具，通过缓存和并行执行加速构建和测试，与Next.js/Vite完美配合，是JavaScript/TypeScript Monorepo的标准方案。

Zag

Zag.js 是框架无关的UI组件状态机库，为Dialog/Combobox/Tabs等常见UI模式提供无障碍的状态管理逻辑，支持React/Vue/Solid多框架，是Chakra UI v3的底层引擎。

React Aria

React Aria 是Adobe出品的React无障碍组件Hooks库，提供完整的WAI-ARIA模式实现和跨浏览器行为一致性，是构建自定义设计系统的最佳行为底座。

Tamagui

Tamagui 是同时面向Web和React Native的UI框架，通过编译时优化将样式编译为最优的CSS和原生样式，实现了Web和移动端的真正组件共享。

Vanilla Extract

Vanilla Extract 是TypeScript优先的零运行时CSS-in-JS方案，在构建时生成静态CSS文件，提供完整的类型安全和主题支持，适合类型安全要求高的项目。

Open Props

Open Props 是开源CSS自定义属性（CSS Variables）集合，提供颜色、阴影、间距、动画等设计Token，不依赖任何框架，直接在原生CSS/HTML中使用。

UnoCSS

UnoCSS 是即时按需的原子CSS引擎，比Tailwind CSS更快更灵活，通过Preset兼容Tailwind/Windi CSS，支持Vite/Webpack等构建工具，在Vite生态中快速崛起。

Electron

Electron 是用HTML/CSS/JS构建跨平台桌面应用的框架，VS Code、Figma、Discord等无数知名桌面应用均基于它构建，虽然体积大但生态和成熟度无可比拟。

Tauri

Tauri 是用Rust构建的跨平台桌面应用框架，前端使用Web技术，后端Rust极小的二进制体积（比Electron小95%+），安全性和性能远超Electron，正在成为桌面应用开发的新标准。

AdonisJS

AdonisJS 是受Laravel启发的Node.js全栈框架，内置ORM、认证、队列和邮件等完整功能，是Node.js生态中最接近"电池全含"理念的框架。

Encore

Encore 是Go语言的后端开发平台，通过静态分析自动生成基础设施代码（API文档、分布式追踪、基础设施配置），让Go开发专注于业务逻辑。

Wasp

Wasp 是声明式全栈Web应用框架，通过wasp配置文件描述数据模型、路由和认证等核心关注点，自动生成React+Node.js+Prisma全栈代码，极大减少样板代码编写。

SST

SST（Serverless Stack）是基于AWS CDK的全栈框架，让开发者用TypeScript定义AWS基础设施并结合前端框架构建应用，内置本地Lambda开发和实时调试功能。

Flowbite

Flowbite 是基于Tailwind CSS的开源组件库，同时提供Figma设计文件，让设计和开发使用同一套组件，包含600+UI组件和暗色模式支持。

DaisyUI

DaisyUI 是基于Tailwind CSS的语义化组件库，通过简短的语义class（如btn、card、navbar）替代冗长的工具类组合，主题系统强大，大幅加速Tailwind CSS项目开发。

Headless UI

Headless UI 是Tailwind CSS团队官方出品的无样式UI组件库，提供完全无样式的Listbox、Combobox、Dialog等组件，与Tailwind CSS完美配合，是构建自定义设计系统的理想基座。

NextUI

NextUI 是基于Tailwind CSS和Framer Motion构建的现代React UI库，组件设计精美、暗色模式完善，由社区驱动开发，适合追求美观界面的Next.js项目。

Mantine

Mantine 是目前React生态中功能最全面的免费组件库，包含100+组件和Hooks，自带富文本编辑器、日期选择器、通知系统等高级组件，是构建复杂应用的理想选择。

Chakra UI

Chakra UI 以开发者体验著称的React组件库，提供直观的Props API、内置暗色模式、完善的无障碍支持，v3全新架构让性能和使用体验进一步提升。

MUI

MUI（原Material-UI）是React生态中最受欢迎的Material Design组件库，提供完整的Google Material Design 3实现，包含高级付费组件（Data Grid、Chart等），大型企业支持。

Ant Design

Ant Design 是蚂蚁集团开源的企业级React UI组件库，提供60+高质量组件，设计语言成熟，在企业级中后台开发中占据统治地位，是国内使用最广泛的React UI库。

tRPC

tRPC 实现了前端到后端的端到端类型安全，无需手动定义API契约，TypeScript类型自动从服务端推导到客户端，让全栈TypeScript开发体验达到新的高度。

Fresh

Fresh 是Deno运行时的全栈Web框架，采用Preact和岛屿架构，默认零客户端JavaScript，基于文件系统路由，是Deno生态的旗舰框架。

Phoenix

Phoenix 是基于Elixir语言的Web框架，底层运行在Erlang VM（BEAM）上，天然支持百万级WebSocket连接，LiveView功能可仅通过服务端代码实现实时SPA体验，理论并发上限惊人。

.NET

.NET（原.NET Core）是微软开源的跨平台开发框架，支持C/F构建Web、移动、桌面、云和游戏应用，性能优异，生态完善，是企业级应用开发的全能型选手。

Fiber

Fiber 是受Express启发的Go Web框架，API设计与Express高度相似，底层基于超快的Fasthttp，是Node.js开发者迁移到Go的最平滑过渡方案。

Gin

Gin 是Go语言中最流行的HTTP Web框架，路由性能极高（比Martini快40倍），API简洁优雅，广泛用于Go微服务和高并发API开发。

Rails

Ruby on Rails 是Web开发的传奇框架，以"约定优于配置"和"DRY"理念影响了一代Web开发者，DHH团队持续迭代，Hotwire和Turbo等新技术让Rails在实时交互领域保持活力。

Spring Boot

Spring Boot 是Java领域最主流的企业级应用框架，通过自动配置大幅简化Spring应用的搭建过程，生态极深极广，是全球大量金融、电商和大型企业系统的技术基石。

Laravel

Laravel 是PHP生态中最流行的全栈框架，以优雅的语法和丰富的内置功能（Eloquent ORM、队列、广播、任务调度）著称，极大提升了PHP开发的愉悦度。

Flask

Flask 是Python轻量级Web框架的代表，核心极简但通过丰富的扩展生态可构建任意规模的应用，是Python Web开发的入门首选和微服务的主力框架。

FastAPI

FastAPI 是Python中最快的API框架之一，基于Starlette和Pydantic构建，原生支持异步，自动生成交互式OpenAPI文档，在AI/ML模型部署领域已成为首选框架。

Django

Django 是Python最流行的全栈Web框架，内置ORM、管理后台、认证系统、表单处理等全套组件，是"电池已包含"理念的代表，在快速开发和安全性方面表现出众。

Express

Express 是Node.js最经典的Web框架，极简设计、中间件模式影响了一代框架，虽然新的竞争者不断涌现，但其稳定性和海量中间件生态仍无可替代。

Elysia

Elysia 是专为Bun运行时设计的TypeScript后端框架，利用Bun的高性能特性，速度是Express的21倍，内置类型安全、OpenAPI文档生成和Eden RPC，开发体验极佳。

Hono

Hono 是一个超快、轻量级的Web框架，支持Node.js/Deno/Bun/Cloudflare Workers等14种运行时，路由性能极高，是边缘计算和Serverless场景的极佳选择。

Fastify

Fastify 是Node.js最快的Web框架之一，性能远超Express，内置JSON Schema验证、插件系统和日志功能，已被NestJS、Platformatic等高级框架采用为底层引擎。

NestJS

NestJS 是TypeScript写的企业级Node.js后端框架，采用Angular风格的模块化架构和装饰器语法，内置依赖注入，支持Express/Fastify双引擎，是Node.js企业级开发的事实标准。

Remix

Remix 是Shopify旗下的React全栈框架，以Web标准（Fetch API、FormData）为核心设计理念，嵌套路由和loader/action模式让数据处理逻辑清晰地组织，被Shopify全面采用。

Hexo

Hexo 是基于Node.js的快速博客框架，在国内技术博客圈有极高人气，主题和插件生态丰富，配合GitHub Pages可实现完全免费的博客托管。

VitePress

VitePress 是Vue团队基于Vite和Vue 3构建的静态站点生成器，专为文档场景优化，启动和构建速度极快，Vue生态项目的首选文档工具。

Docusaurus

Docusaurus 是Meta（Facebook）开源的文档站点生成器，专为技术文档和开源项目网站优化，内置版本管理、国际化、搜索等文档站点刚需功能，React生态项目的标准文档方案。

11ty

Eleventy（11ty）是一款极简且灵活的静态站点生成器，支持多种模板语言混合使用，零客户端JavaScript输出，构建速度极快，适合追求简单和性能的开发者。

Gatsby

Gatsby 是基于React的静态站点生成器，以GraphQL数据层为核心，丰富的插件生态可从任何数据源（CMS、Markdown、API）拉取数据生成静态页面，性能优化出色。

Hugo

Hugo 是用Go语言编写的最快静态网站生成器，构建速度以毫秒计，支持丰富的主题和短代码系统，是技术博客和文档站点的热门选择，尤其适合内容量大的站点。

R3F

React Three Fiber（R3F）是Three.js的React渲染器，用声明式JSX构建3D场景，结合React生态的zustand状态管理和Drei工具库，让3D开发体验革命性提升。

Three.js

Three.js 是Web端最流行的3D渲染库，封装了WebGL的复杂API，提供场景、相机、光照等高层抽象，让开发者轻松在浏览器中创建3D可视化、游戏和交互体验。

GSAP

GSAP（GreenSock Animation Platform）是业界最强大的JavaScript动画引擎，提供ScrollTrigger、Flip等专业插件，性能卓越，是建设计级动画网站的首选工具。

Motion

Motion（原Framer Motion）是React生态中最强大的动画库，提供声明式API、手势支持和布局动画，是构建流畅交互动效的首选方案，现已成为独立开源项目。

Radix UI

Radix UI 是一套无样式、无障碍的React UI组件原语，提供对话框、弹出层、选择器等常见组件的行为逻辑，是shadcn/ui等上层UI库的底层基石。

Ark UI

Ark UI 是Chakra UI团队推出的无头UI组件库，提供无障碍、可定制的组件原语，支持React/Solid/Vue多框架，让开发者用自家设计系统构建组件。

Panda CSS

Panda CSS 是现代编译时CSS-in-JS方案，提供完整的TypeScript类型安全、设计令牌系统和 recipes 模式，支持React/Solid/Vue等框架，零运行时体积。

StyleX

StyleX 是Meta（Facebook）开源的编译时CSS-in-JS方案，在构建阶段生成原子CSS，零运行时开销，已在Facebook和Instagram大规模生产环境中验证。

Lightning CSS

Lightning CSS（原Parcel CSS）是Rust编写的超快速CSS解析、编译和压缩工具，支持CSS Nesting、Color Function等最新规范，速度是PostCSS的100倍以上。

Oxc

Oxc 是一组基于Rust的高性能JavaScript/TypeScript工具集合，包括解析器、代码检查器、压缩器和模块解析器，为下一代前端工具链提供底层能力。

Turbopack

Turbopack 是Vercel基于Rust构建的增量打包器，作为Webpack的继任者，速度提升10倍以上，现已作为Next.js 16的默认开发工具稳定运行。

TanStack Table

TanStack Table 是无头UI的表格库，提供排序、过滤、分页、虚拟滚动等完整功能，但不限制渲染方式，可适配React/Vue/Solid等任何框架。

TanStack Query

TanStack Query（原React Query）是管理服务端异步状态的事实标准库，自动处理缓存、后台更新、分页和乐观更新，大幅简化前端数据获取逻辑。

Zustand

Zustand 是一个极简的React状态管理库，API设计优雅，无需Provider包裹，支持中间件和持久化，体积仅1KB，是Redux的现代轻量替代方案。

shadcn/ui

shadcn/ui 不是传统的npm包，而是一组可复制粘贴的精美React组件，基于Radix UI和Tailwind CSS构建。开发者直接将源码复制到项目中，完全可控可定制，已成为2024-2025年最热门的前端UI方案。

CodePen

在线前端代码编辑器

在线编写预览 HTML/CSS/JS 交互效果，前端原型快速验证利器。

Tailwind CSS

原子化 CSS 框架

原子化 CSS 框架，大幅减少样式代码量，用工具类替代手写 CSS。

Vite

新一代前端构建工具

尤雨溪发起的下一代前端构建工具，冷启动极快，热更新流畅。