全部现代化框架UI组件库样式解决方案工程构建工具公共方法库性能优化工具多语言国际化开发调试工具跨平台开发

Next.js 全栈框架React 生态最主流的生产级全栈 Web 框架React 前端 UI 库技术调研现代前端组件化开发的事实标准 UI 库RedwoodJS 全栈框架技术调研面向中小团队的约定优于配置 React 全栈框架Remix / React Router 全栈框架技术调研以 Web 标准和渐进增强为核心的 React 全栈框架体系TanStack Start 全栈框架技术调研类型安全优先的 Vite 生态 React 全栈框架Nuxt Vue 全栈 Web 框架技术调研Vue 生态最成熟的生产级全栈 Web 框架Quasar Vue 跨平台应用框架技术调研一套 Vue 代码覆盖 Web、移动端和桌面端的跨平台框架VitePress Vue 文档静态站点生成器技术调研Vue 官方主推的 Vite 驱动文档站生成器Vue.js 渐进式 JavaScript 框架技术调研以响应式系统和单文件组件著称的渐进式前端框架VuePress 以 Markdown 为中心的 Vue 静态站点生成器技术调研以 Markdown 为中心的 Vue 社区静态站点生成器Analog Angular 全栈元框架技术调研为 Angular 提供类 Next.js 体验的现代全栈元框架Angular 企业级前端框架技术调研面向大型企业应用的全功能 TypeScript 前端框架Lit Web Components 开发框架技术调研基于 Web 标准构建跨框架组件的主流开发库Stencil Web Components 编译框架技术调研面向跨框架设计系统的 Web Components 编译器Astro 内容优先全栈框架技术调研面向内容站和营销页的高性能岛屿架构框架SolidJS 细粒度响应式 UI 框架技术调研以细粒度响应式和极致性能见长的现代 UI 框架Svelte 编译型响应式 UI 框架技术调研把响应式和 DOM 更新尽可能前移到编译阶段的 UI 框架Ant Design企业级 React UI 组件库，全球第二受欢迎的 React UI 框架，为中后台系统提供开箱即用的完整解决方案。Arco Design字节跳动企业级 React 组件库，60+ 精选组件，完整的设计开发生态系统Blueprint由 Palantir Technologies 开源的 React UI 组件库，专为构建复杂、数据密集的桌面型 Web 应用而设计。Carbon Design SystemIBM 开源的企业级设计系统，提供统一的 React 组件库和设计语言，用于构建一致的企业产品体验。Chakra UI简洁、模块化的 React 组件库，以可访问性和开发体验为核心，v3 采用 Ark UI + Panda CSS 全新零运行时架构。Mantine功能齐全的 React 组件库，提供 200+ hooks 和组件，以开发者体验、丰富功能和现代化设计著称。MUIMaterial Design 风格的 React 组件库，全球最受欢迎的 React UI 框架之一，提供从基础组件到高级数据表格的完整解决方案。React Bootstrap基于 React 重新实现的 Bootstrap 组件库，将 Bootstrap 的 HTML/CSS 组件转化为纯 React 组件，移除 jQuery 依赖，提供类型安全、可组合的 UI 开发体验。Semi Design抖音前端与 UED 团队设计系统，企业级 React 组件库，3000+ Design Tokens 支持深度主题定制TDesign React腾讯 TDesign 设计体系的 React 实现，72 个高质量组件，跨框架一致性设计Ant Design Vue基于 Ant Design 设计语言的企业级 Vue UI 组件库Arco Design Vue字节跳动企业级产品设计系统的 Vue 3 组件库实现DaisyUI + Nuxt纯 CSS 的 Tailwind 组件插件，零 JavaScript 依赖Element PlusVue 3 中后台组件库，Element UI 的官方 Vue 3 继承者Naive UIVue 3 TypeScript 友好的组件库，完全类型安全的主题系统NutUI京东风格的轻量级移动端 Vue 组件库Nuxt UINuxt 官方 UI 组件库，128 个无障碍可定制的组件集合NuxtLabs UINuxt 生态常用 UI 方案全景PrimeVueVue.js 下一代 UI 组件库，90+ 高质量组件与灵活主题系统Quasar Framework一套代码，多端部署的 Vue 3 跨平台 UI 框架TDesign Vue Next腾讯 TDesign 企业级设计体系的 Vue 3 桌面端组件库Vant轻量、可定制的移动端 Vue 组件库Ark UI基于 Zag.js 状态机的跨框架无样式可访问组件库Floating UI用于 Tooltip、Popover、Dropdown 等浮层元素定位的底层 JavaScript 工具库，Popper.js 的官方继任者Headless UITailwind Labs 出品的无样式、完全可访问的 UI 组件库Radix UIReact 生态中最流行的无样式、可组合、可访问的原生组件库Aceternity UI面向营销页面和创意网站的动画组件集合DaisyUITailwind CSS 的纯 CSS 组件插件，提供语义化 class 名称和 35 个内置主题Flowbite基于 Tailwind CSS 的开源组件库，提供丰富的 UI 组件和框架集成Magic UI免费开源的 React 动画组件库，专为 SaaS 落地页和营销站设计Origin UI基于 Radix UI 和 Tailwind CSS 的精致组件集合，shadcn/ui 的扩展增强版Preline UI基于 Tailwind CSS 的开源组件库，提供 840+ 预构建 UI 组件和 190+ 启动模板shadcn/ui基于 Radix UI 和 Tailwind CSS 的可复制组件集合Tailwind UITailwind Labs 官方商业组件集合，提供 500+ 专业设计的 UI 组件和 13 个完整页面模板Framework7全功能 HTML 移动应用框架，用于构建 iOS、Android 和桌面端原生体验的混合应用与 PWAgluestack-ui面向 React Native 与 Expo 的跨端 UI 组件库，基于 Tailwind CSS (NativeWind) 构建，采用 copy-paste 架构模式Ionic UI基于 Web Components 的跨平台移动端 UI 组件库，支持从单一代码库构建 iOS、Android 和 PWA 应用NutUI京东风格的轻量级移动端组件库，支持 Vue / React 双技术栈，基于 Taro 实现一套代码同时运行于 H5 与多端小程序Onsen UI一个基于 HTML5 的开源混合移动应用 UI 框架，支持使用 Web Components 构建跨平台原生风格应用，提供 iOS 和 Android Material Design 自动适配能力TamaguiReact + React Native 高性能通用 UI 系统 —— 通过编译时优化实现跨平台设计系统的极致性能Taro-UI基于 Taro 框架开发的多端 UI 组件库，一套代码适配微信小程序、支付宝小程序、百度小程序、H5 等多个平台Vant-Weapp由有赞团队开源的轻量、可靠的微信小程序 UI 组件库，提供 70+ 高质量组件，覆盖电商、工具类小程序等核心场景，是小程序生态中使用最广泛的第三方组件库之一WeUI微信官方设计团队为微信内网页和微信小程序量身打造的基础样式库，与微信原生视觉体验保持高度一致AG Grid企业级数据表格和网格组件，业界公认功能最全面的 JavaScript 数据表格解决方案DataTables经典 jQuery 表格增强插件，Web 前端历史最悠久的表格解决方案之一，正在向无 jQuery 的现代化方向演进Handsontable类 Excel 的 JavaScript 数据表格组件，提供电子表格级别的编辑体验和丰富的数据处理能力RevoGrid基于 Web Components 的高性能虚拟数据网格，以百万级数据渲染能力和框架无关性为核心卖点Tabulator免费开源的交互式表格 JavaScript 库，以易用性和零依赖著称，支持从简单表格到中等复杂度的数据网格TanStack Table完全无样式的表头逻辑库（Headless Table），只提供数据和状态管理能力，将渲染完全交还给开发者Basscss经典低层级函数式 CSS 工具库Master CSS可直接在标记中编写增强语法样式的 CSS 引擎Tachyons原子化 CSS 运动的先驱级函数式工具库Tailwind CSS实用优先的主流原子化 CSS 框架UnoCSS高性能、可扩展的即时按需原子化 CSS 引擎Autoprefixer基于 Can I Use 数据自动补全 CSS 厂商前缀Less以低学习成本著称的 CSS 超集预处理器postcss-preset-env像 Babel preset-env 一样把现代 CSS 转为可兼容语法PostCSS现代前端样式工具链的核心 CSS 转换平台Sass / SCSS最成熟、最强大的专业级 CSS 预处理器之一Stylus语法极其灵活的动态 CSS 预处理器CSS Modules通过构建阶段哈希类名实现样式隔离的经典方案Svelte Scoped StylesSvelte 编译器内建的默认组件级样式隔离能力Vue SFC Scoped CSSVue 单文件组件内建的零运行时样式隔离方案CompiledAtlassian 出品的编译时原子化 CSS-in-JS 方案EmotionReact 生态最成熟的高灵活度 CSS-in-JS 库之一Goober极致轻量的跨框架 CSS-in-JS 方案Linaria在构建阶段提取真实 CSS 文件的零运行时 CSS-in-JS 库Stitches以变体系统和类型推导著称的现代 CSS-in-JS 库StyleXMeta 面向超大规模 Web 应用打造的原子化样式系统Kuma UI结合 Headless 组件与零运行时提取能力的样式框架Panda CSS设计 Token 友好的类型安全零运行时样式系统Pigment CSSMUI 团队探索中的下一代零运行时样式引擎vanilla-extract使用 TypeScript 编写并在构建期输出静态 CSS 的样式方案ChangesetsMonorepo 版本管理与变更日志生成工具，通过声明式 changeset 文件协调多包发布流程。LageMicrosoft 出品的轻量级 JavaScript/TypeScript Monorepo 任务编排工具，基于依赖图实现并行执行与智能缓存。Lerna基于 Nx 驱动的现代化 JavaScript/TypeScript Monorepo 构建与发布系统，支持高效任务编排、远程缓存和多包版本管理。Moon用 Rust 编写的多语言 Monorepo 构建系统与任务编排工具，灵感源自 Bazel，定位于 Bazel 的复杂性与 make/just 的松散结构之间。Nx Cloud面向 Monorepo 的分布式任务编排与远程缓存云服务，将 CI 构建时间压缩最高 90%。Nx面向现代开发团队的 Monorepo 平台，通过智能任务编排、分布式缓存和 AI 驱动的自愈 CI，显著加速大型代码库的构建与协作。Rush由微软开源的企业级可扩展 Monorepo 管理器，专为大规模 Web 项目的构建编排、依赖治理与发布管理而设计。Turborepo高性能 JavaScript/TypeScript 单体仓库构建系统，通过智能缓存和任务编排大幅提升开发效率。BiomeBiome 是一个用 Rust 编写的高性能 Web 项目工具链，集代码格式化（Formatter）与静态检查（Linter）于一体，旨在替代 ESLint + Prettier 的碎片化方案，为前端开发提供极速、零配置的代码质量保障。Commitlint — Git 提交信息规范检查工具基于 Conventional Commits 规范，通过 Husky Git Hooks 在提交时自动校验 commit message 格式，确保团队提交历史的可读性、可追溯性与自动化工具链的可集成性。ESLint可插拔的 JavaScript/TypeScript 代码检查工具，通过插件化架构支持多语言 Lint，npm 周下载量超 1.34 亿，前端工程化代码质量保障的行业标准。Husky — Git Hooks 管理工具现代、轻量、零依赖的 Git Hooks 管理工具，通过 core.hooksPath 原生机制将钩子脚本纳入版本控制，让团队在 git commit、git push 等操作时自动触发代码检查、测试与规范校验，是 JavaScript/TypeScript 前端工程化事实标准的 Git Hooks 解决方案。lint-staged在 Git 暂存区文件上运行 linter、formatter 等代码质量工具，确保每次提交都符合代码规范。Oxlint基于 Rust 构建的超高性能 JavaScript/TypeScript Linter，比 ESLint 快 50-100 倍，Oxc 生态核心组件。PrettierPrettier 是一个"有态度的"（opinionated）代码格式化工具，通过解析代码并以统一的规则重新打印，确保所有输出代码风格一致，消除团队中关于代码风格的争论。StylelintCSS/SCSS/Less 等样式文件的现代化检查工具，帮助团队保持样式代码的一致性和避免错误Bun高性能 JavaScript 运行时、包管理器、打包器和测试工具的一体化解决方案CorepackNode.js 内置的包管理器代理工具，零配置管理 Yarn 和 pnpm 版本npmNode.js 默认包管理器，JavaScript 生态系统中最大的软件注册表nvmNode.js 版本管理工具，轻松在同一系统上切换多个 Node.js 版本pnpm高性能、节省磁盘空间的 Node.js 包管理器Yarn经典 JavaScript 包管理器，以 Plug'n'Play 和零安装著称Bun BuildBun 运行时内置的高性能打包器，用 Zig 编写，比 esbuild 快 1.75 倍，支持全栈构建、单文件可执行产物和零配置前端开发。Dts-Bundle-Generator一个零配置的 TypeScript 声明文件（.d.ts）打包工具，支持类型树摇（tree-shaking），将多个模块的声明合并为单个 .d.ts 文件。esbuild一个用 Go 编写的极速 JavaScript/CSS 打包器与转译工具，比传统工具快 10–100 倍。Microbundle零配置的 JavaScript/TypeScript 库打包工具，基于 Rollup 构建，专为小型模块设计Rolldown基于 Rust 的高性能 JavaScript/TypeScript 打包器，提供 Rollup 兼容 API，作为 Vite 8+ 的默认打包引擎。RollupJavaScript 模块打包器——将小块代码编译为更大、更复杂的库或应用，是 Tree Shaking 概念的开创者和 ES Module 打包领域的工业标准。SWC基于 Rust 构建的超高性能 JavaScript/TypeScript 编译与打包平台，单线程比 Babel 快 20 倍，多线程快 70 倍，是 Next.js、Parcel、Deno 等主流框架的核心编译引擎。tsup基于 esbuild 的零配置 TypeScript 库打包工具——最快将 TypeScript 项目打包发布为 npm 包的方案之一。unbuildUnJS 生态的统一 JavaScript/TypeScript 库构建系统，基于 Rollup + esbuild，零配置打包，Monorepo 友好。Create-React-App (CRA)React 官方旧式脚手架工具，由 Meta（Facebook）团队创建，曾一度是 React 生态的核心基础设施。Farm基于 Rust 编写的极速 Web 构建工具，兼容 Vite 生态，提供毫秒级冷启动和 HMR 体验。Modern.js字节跳动开源的渐进式 React Web 开发框架，基于 Rspack（Rust 构建引擎）驱动，提供从路由、数据获取到微前端的完整现代 Web 工程化方案。Parcel零配置 Web 应用打包器——基于 Rust 核心引擎的全能构建工具，提供开箱即用的开发体验、极速的构建性能和强大的插件扩展能力。Rsbuild基于 Rspack 的零配置高性能 Web 构建工具Rspack基于 Rust 的高性能 Web 打包器，兼容 Webpack 生态TurbopackVercel 打造的基于 Rust 的增量式打包器——作为 Webpack 的继任者深度集成于 Next.js，提供毫秒级热更新和数倍于 Webpack 的生产构建速度。Umi蚂蚁集团开源的可扩展企业级 React 应用框架，以插件化为核心，内置 MFSU 极速构建引擎，服务蚂蚁内部超过 10,000 个应用，是中国企业级 React 生态中最具影响力的框架之一。Vite下一代前端构建工具——基于原生 ESM 的开发服务器与基于 Rolldown（Rust）的生产构建，提供闪电般的开发体验和极致的构建性能。Vue CLIVue.js 官方推出的命令行工具，用于快速搭建 Vue 项目、提供零配置的 Webpack 开发体验，现已进入维护模式。WebpackWebpack 是 JavaScript 生态中最成熟、使用最广泛的静态模块打包器（Module Bundler），自 2014 年发布以来深刻塑造了现代前端工程化的基本形态。BabelJavaScript 生态中最成熟、最全面的编译器与转译工具链，通过插件化架构实现新语法降级、polyfill 注入和代码转换。esbuild使用 Go 编写的极速 JavaScript/TypeScript 打包器和转译器，构建速度比 Webpack 快 10-100 倍，是 Vite 开发模式的核心引擎。OXC基于 Rust 构建的模块化高性能 JavaScript/TypeScript 工具链，包含解析器、转换器、压缩器、Linter（Oxlint）和格式化器（Oxfmt），是 Vite 8 和 Rolldown 的核心编译基础设施。Sucrase专注于极致速度的 JavaScript/TypeScript 转换工具，跳过 AST 生成，比 Babel 快约 20 倍，适用于开发模式下的即时编译场景。SWC基于 Rust 实现的超高性能 JavaScript/TypeScript 编译器，速度比 Babel 快 20-70 倍，是 Next.js 的默认编译器。TypeScriptJavaScript 的超集，通过静态类型系统提升大型项目的可维护性和开发体验，同时提供完整的编译转译能力。Anime.js轻量级 JavaScript 动画引擎——用简洁 API 驱动 CSS 属性、SVG、DOM 属性与 JavaScript 对象动画Babylon.js功能最全面的开源 Web 3D 渲染引擎，由 Microsoft 支持，提供从物理模拟到 WebXR 的一站式 3D 开发体验Framer Motion (Motion)React 生态最流行的声明式动画库，以简洁的 API 驱动布局动画、手势交互和退出动画GSAP业界领先的专业 JavaScript 动画库，能够以极致流畅的性能驱动任何 JS 可触及的 DOM、SVG、Canvas、WebGL 元素的动画Lottie将 Adobe After Effects 动画导出为轻量级 JSON 文件，在各平台原生渲染的高质量矢量动画方案PixiJS最快的 2D WebGL 渲染引擎，支持 WebGPU，用于创建高性能数字内容和交互式体验React Three FiberReact 渲染器，用声明式 JSX 语法构建 Three.js 3D 场景，享受 React 组件化和生态系统的完整能力Three.js最流行的 JavaScript 3D WebGL 渲染库，为浏览器提供简洁的 API 创建和展示交互式 3D/2D 图形体验AntV蚂蚁集团开源的数据可视化解决方案，提供从统计图表、图可视化、地理可视化到表格分析的全栈可视化能力。Chart.js简单、灵活、面向设计师和开发者的 HTML5 Canvas 图表库，以极低的配置成本生成美观的响应式图表。D3.js数据驱动文档（Data-Driven Documents）的底层可视化库，用于将数据与 DOM 绑定，基于 SVG、Canvas 和 HTML 创造强大的交互式数据可视化。Apache ECharts基于 JavaScript 的开源可视化图表库，提供 20+ 种图表类型、丰富的交互能力和强大的渲染性能，是国内数据可视化领域的首选方案。Highcharts一套历史悠久、功能全面的商业 JavaScript 图表框架，基于 SVG 渲染，提供从标准图表到金融分析、地理地图、甘特图等全场景的数据可视化能力，是企业级应用中最成熟的图表解决方案之一。Nivo基于 React 的丰富数据可视化组件库，提供 30+ 种精美图表类型，支持 SVG、Canvas 和 HTML 三种渲染模式。Plotly.js开源 JavaScript 科学图表库，支持 40+ 交互式图表类型（含 3D、地图、金融图表），是 Plotly 和 Dash 生态的核心引擎。Recharts基于 React 和 D3 的声明式 React 图表库，业界最流行的 React 数据可视化解决方案。Victory基于 D3 的 React 图表库，业界唯一成熟的 Web + React Native 跨平台数据可视化解决方案。Visx一套由 Airbnb 开源的低层级 React 可视化原语组件库，将 D3 的数学计算能力与 React 的声明式渲染相结合，让开发者像搭积木一样构建高度定制化的数据可视化图表。LexicalMeta 出品的可扩展、高性能富文本编辑器框架，驱动 Facebook、Instagram、WhatsApp 等产品的编辑体验。ProseMirror模块化、可扩展的富文本编辑器底层框架，TipTap 等众多编辑器的基石。Quill经典开源富文本编辑器，以 Delta 数据格式和模块化架构闻名，被全球数百万应用采用。Slate完全可定制的富文本编辑框架，以模块化和灵活的架构著称。TipTap基于 ProseMirror 的现代无头富文本编辑器框架，为开发者提供完全可控的内容编辑体验。dnd-kit现代化的 React 拖拽库，以无障碍为核心，提供模块化、高性能的拖拽体验。interact.js功能最全面的 JavaScript 交互库，唯一同时支持拖拽、缩放和旋转手势的主流解决方案。React-DnDReact 拖拽库的"元老级"方案，以极致的灵活性和后端抽象著称，适合高度自定义的复杂拖拽场景。SortableJS框架无关的拖拽排序库，支持列表排序、跨列表拖拽、动画和触摸设备，是拖拽排序领域最成熟的解决方案。Vue-Draggable-PlusVue 3 / Vue 2.7 拖拽排序库，基于 SortableJS 封装，提供组件、组合式函数和指令三种使用方式，是 Vue 生态拖拽排序的首选方案。date-fns现代 JavaScript 函数式日期工具库，提供 250+ 个纯函数，支持 tree-shaking 和一等时区支持。Day.js一个仅 2KB 的极轻量 JavaScript 日期时间库，拥有与 Moment.js 高度兼容的 API。Luxon由 Moment.js 核心贡献者打造的现代日期时间处理库，基于浏览器原生 Intl API 构建。Moment.js曾经最流行的 JavaScript 日期处理库，现已进入维护模式（legacy），官方不再推荐用于新项目。Temporal PolyfillJavaScript Temporal API 的 Polyfill 实现——ES2026 标准中原生的现代日期时间 API，旨在彻底替代有缺陷的 Date 对象。Effector一个响应式、类型安全、框架无关的 JavaScript 业务逻辑状态管理库。Jotai原子化 React 状态管理库——用极简的原子模型替代 useState + useContext 组合，自底向上构建可组合、可代码分割的全局状态。Legend-State超高性能的 React 状态与同步库——细粒度响应式 + 内置本地优先（Local-First）持久化/同步引擎，用最少的代码构建最快的应用。MobX基于信号（Signal）的响应式状态管理库，通过函数式响应编程让状态变化自动、精确地传播到所有依赖方。PiniaVue 官方推荐的新一代状态管理库，以直觉、类型安全和轻量为核心设计理念。RecoilMeta 开源的 React 原子化状态管理库，采用原子（Atom）和选择器（Selector）模型实现细粒度状态管理，但已于 2025 年 1 月停止活跃维护并归档。Redux ToolkitRedux 官方推荐的标准化状态管理工具集，以"开箱即用"的方式提供高效、可预测的全局状态管理能力。Valtio基于 Proxy 的响应式状态管理——像操作普通对象一样修改状态，自动追踪依赖、精确订阅、最小化重渲染。VuexVue.js 的经典集中式状态管理库，曾作为 Vue 生态的核心状态管理方案，现已进入维护模式。XState基于状态机、状态图和 Actor 模型的 JavaScript/TypeScript 状态管理与逻辑编排库，让复杂应用逻辑变得可视化、可预测、可测试。ZustandReact 状态管理的"熊之必需品"——极简 Hooks API、无 Provider、无样板代码，用不到 1 KB 的体积覆盖从小型组件到企业级应用的全部状态场景。Ajv最快、最流行的 JSON Schema 校验器，广泛支持 Node.js 与浏览器端数据校验，通过代码生成技术实现极致性能。Final Form框架无关的表单状态管理库，基于订阅模式实现精确渲染控制，由 Redux Form 作者 Erik Rasmussen 创建。FormikReact 生态中最经典的表单管理库，以简洁的 API 和受控组件模式实现表单状态管理与验证。FormKit面向 AI 编程代理的表单框架——为 Vue 3 和 React 提供开箱即用的高质量表单开发体验。Joi最强大的 JavaScript 对象 Schema 校验库，以描述式 API 和丰富的内置校验规则著称，源自 Hapi.js 生态，由 Sideway Inc 独立维护。React Hook FormReact 生态中性能最优的表单状态管理库，基于 Hooks 实现轻量、高性能的表单校验与提交。Valibot一个轻量级、模块化、完整支持 tree-shaking 的 TypeScript Schema 校验库，以极小包体积和函数式 pipeline 架构著称，是新一代 schema 校验方案的代表。VeeValidateVue.js 生态中最成熟的表单验证库，基于 Composition API 构建，支持 Zod/Yup/Valibot 等多种 Schema 验证集成。Yup一个简洁、声明式的 JavaScript/TypeScript 对象 Schema 校验库，与 Formik 深度集成，是 React 表单校验生态中最经典的校验方案。ZodTypeScript-first 的 Schema 声明式校验库——以 TypeScript 类型推导为核心，在 tRPC 和 Next.js 生态中广泛使用。Apollo Client业界领先的 GraphQL 客户端，为 TypeScript / JavaScript 应用提供强大的缓存、直观的数据获取 API 和全面的开发者工具。Axios基于 Promise 的 HTTP 客户端，同时支持浏览器和 Node.js，是 JavaScript 生态中使用最广泛的 HTTP 请求库之一。Hono RPCHono 内置的 RPC 能力 —— 基于 hc 客户端，零代码生成即可实现服务端到客户端的端到端类型安全调用，是轻量 Web 框架向全栈类型化 API 演进的典型方案。Ky基于原生 Fetch API 的轻量、优雅 JavaScript HTTP 客户端，零依赖，gzip 后仅 ~7 KB。ofetch更强大的 Fetch API 封装，跨平台通用、自动 JSON 解析、内置重试与超时机制。RelayMeta 出品的 GraphQL 客户端框架，通过编译时优化和声明式数据获取，为 React 应用提供可扩展的数据驱动架构。SWRReact Hooks 风格的数据请求缓存库TanStack Query强大且框架无关的异步状态管理库，为 TypeScript / JavaScript 应用提供高效的数据获取、缓存、同步与更新能力。tRPC无需 Schema 文件或代码生成，即可在 TypeScript 全栈应用中构建并使用端到端类型安全 API 的框架。urql高度可扩展且轻量级的 GraphQL 客户端Angular RouterAngular 框架内置的企业级路由系统，提供完整的导航控制、路由守卫、懒加载、预加载策略和路由动画能力，是 Angular 应用唯一的路由方案。React RouterReact 生态中最广泛使用的声明式路由库，提供组件化的路由配置与导航能力。TanStack Router一个面向 React 和 Solid 的客户端优先、服务端就绪、完全类型安全的全栈路由框架。Universal Router框架无关的通用路由库，可在任何 JavaScript 环境（浏览器、Node.js、React、Vue 等）中使用。Vue RouterVue.js 官方路由解决方案，为 Vue 应用提供声明式的组件导航与文件系统路由能力。Wouter极简的 React 路由库，仅 ~2KB gzipped，提供最核心的路由功能。es-toolkit一个高性能、现代化的 JavaScript 工具库，比 Lodash 快 2-3 倍，包体积减小高达 97%，被誉为"现代 Lodash 的最佳替代品"。just一个零依赖的模块化 JavaScript 工具库，每个函数都是独立的 npm 包，只做一件事，是 Lodash 等重型工具库的精简替代方案。Lodash-esLodash 的 ES Module 版本，支持 tree-shaking，是现代前端构建工具中按需加载 Lodash 函数的推荐方式。Lodash一个现代 JavaScript 实用工具库，提供模块化、高性能和丰富的增强功能，是前端开发中使用最广泛的工具函数库之一。Radash现代 TypeScript 工具函数库，以零依赖、强类型、异步感知为核心，定位为 Lodash 的轻量替代方案。Ramda专为函数式编程设计的 JavaScript 实用工具库，以自动柯里化、数据最后（data-last）参数顺序和不可变数据为核心原则。Remeda专为 TypeScript 打造的「data-first」与「data-last」双模式工具函数库，提供一流的类型支持与惰性求值能力。Underscore.jsJavaScript 经典工具函数库，提供 100+ 个常用数组、对象、函数操作方法的轻量级实用工具库。Bundle-Buddy通过分析 Source Map 检测 JavaScript 多 chunk 之间重复代码的可视化工具Bundlephobia在添加 npm 依赖之前，了解它对前端打包体积的影响Package-Phobia在添加 npm 依赖之前，了解它将为你的 node_modules 带来多大的磁盘开销rollup-plugin-visualizer可视化分析 Rollup/Vite 打包产物，快速定位大模块并优化 Bundle 体积的必备工具source-map-explorer通过 Source Map 分析 JavaScript 打包产物体积构成的可视化调试工具webpack-bundle-analyzerWebpack 生态最广泛使用的包体积分析工具，以交互式可缩放树形图可视化 bundle 内容Cloudinary云端图片/视频资源管理平台，提供上传、变换、优化、AI 处理和全球 CDN 分发的一站式解决方案ImageKit图片/视频 CDN 与优化服务，通过 URL 参数实现实时图片变换、AI 编辑和全球加速分发ImageminNode.js 图片压缩工具，通过插件化架构支持多种格式的图片优化SharpNode.js 高性能图片处理库，基于 libvips 实现快速、轻量级的图片操作SquooshGoogle 出品的浏览器端图片压缩与格式转换工具，基于 WebAssembly 实现本地处理SVGOSVG 优化工具，通过清理无用元素、压缩属性和路径来减小 SVG 文件体积unpic跨框架响应式图片组件，自动检测 27+ 种图片 CDN 并实现零客户端 JavaScript 开销的图片优化ComlinkGoogle Chrome Labs 出品的 Web Worker 通信库，用 async/await 风格封装 postMessage，让 Worker 像普通模块一样调用。Partytown将资源密集型的第三方脚本迁移到 Web Worker 中运行，释放主线程以提升网站性能。Plausible轻量、隐私友好、无 Cookie 的网站分析工具，脚本小于 1KB，符合 GDPR 而无需烦人的 Cookie 横幅。quicklinkGoogle Chrome Labs 出品的智能链接预取库，在浏览器空闲时自动预加载视口内链接，加速后续页面导航。Umami开源、隐私友好的网站分析平台，MIT 许可，可自托管，提供简洁的流量统计与事件跟踪。WorkboxGoogle 官方推出的 Progressive Web App 工具集，简化 Service Worker 开发和缓存策略实现，是生产级 PWA 的事实标准。Chrome UX Report (CrUX)Google 维护的公开真实用户度量数据集，收集全球 Chrome 浏览器用户的实际性能数据，是 Core Web Vitals 和 Google 搜索排名的权威数据来源。LighthouseGoogle 开源的自动化 Web 性能审计工具，集成于 Chrome DevTools，支持性能、可访问性、SEO、最佳实践等多维度网站质量评估。PageSpeed InsightsGoogle 提供的免费在线页面速度分析工具，结合 Lighthouse 实验室数据和 Chrome 真实用户数据（CrUX），提供全面的网页性能评估。SpeedCurve企业级 Web 性能监控平台，将 WebPageTest 合成测试引擎、Lighthouse 审计和真实用户监控（RUM）整合到统一的仪表板中，提供持续性能追踪、预算告警和部署关联分析。web-vitalsGoogle 官方的 JavaScript 库，用于在浏览器中采集 Core Web Vitals（LCP、INP、CLS）等关键 Web 性能指标，是构建 RUM（Real User Monitoring）方案的基础。WebPageTest业界最强大的 Web 性能深度测试平台，支持全球多节点、多设备、多浏览器的合成测试，提供瀑布图、电影条、Trace 等高级分析能力。Datadog RUMDatadog 企业级真实用户监控（Real User Monitoring）产品，将前端体验数据与基础设施、APM、日志统一在同一可观测平台。Elastic RUMElastic 可观测性套件中的真实用户监控 Agent，将浏览器性能、错误与用户体验数据写入 Elasticsearch，在 Kibana 统一分析。Grafana FaroGrafana 开源前端可观测 SDK，将浏览器日志、错误、性能与 Web Vitals 送入 Grafana/Loki/Tempo/Mimir 统一栈。LogRocket前端会话回放与产品分析平台，以高质量 Session Replay、Redux 状态追踪与性能洞察为核心，适合产品与工程协同排障。New Relic BrowserNew Relic 浏览器监控代理，采集前端页面性能、Ajax、JavaScript 错误，并与 New Relic APM 全栈关联。OpenReplay开源 Session Replay 与前端可观测平台，支持自托管，提供回放、性能、错误与协作用户分析能力。Sentry全栈应用可观测性平台，提供错误监控、性能追踪、Session Replay、日志与分布式追踪，是前端 RUM 领域最广泛采用的方案之一。Fluent强调翻译质量与自然语言表达能力的本地化系统FormatJS围绕 ICU MessageFormat 构建的标准化国际化工具套件Globalize基于 Unicode CLDR 的精确格式化国际化库i18nextJavaScript 生态最广泛使用的通用国际化核心库之一MessageFormat将 ICU 消息字符串编译为高效格式化函数的工具集Polyglot.jsAirbnb 出品的极简字符串翻译与复数处理库Lingui强调编译时提取与轻量运行时的现代国际化方案next-i18nexti18next 官方为 Next.js 封装的同构国际化方案next-intl专为 Next.js App Router 与 Server Components 设计的国际化库next-translate通过构建期注入翻译资源的轻量 Next.js 国际化方案react-i18nexti18next 官方 React 绑定与生态核心组件React IntlFormatJS 官方 React 绑定与声明式国际化 APIIntlify统一维护 Vue 国际化生态与工具链的组织Nuxt i18n为 Nuxt 提供路由、本地化与 SEO 一体化能力的官方模块petite-vue-i18n面向 petite-vue 和轻量场景的 Vue 国际化发行版Vue I18nVue 生态事实标准的国际化解决方案Angular i18nAngular 官方内置的编译期国际化工作流ngx-translateAngular 生态历史最悠久的运行时国际化库之一svelte-i18n基于 Svelte stores 的主流国际化库Transloco面向现代 Angular 的运行时国际化库typesafe-i18n用 TypeScript 类型系统锁定 key 和参数的国际化方案Crowdin面向开发者与开源社区的主流翻译管理平台Lokalise设计协作体验突出的现代本地化平台Phrase覆盖字符串管理与专业翻译流程的企业级本地化平台POEditor配置简单、价格透明的轻量在线翻译管理平台Tolgee支持 In-Context 编辑与自托管的开发者友好本地化平台Transifex提供内容分发服务与持续交付能力的老牌本地化平台Weblate以 Git 为单一真相来源的开源翻译平台CLDR全球语言与区域规则的权威数据仓库date-fns locale为 date-fns 提供按语言拆分的日期区域化数据包Day.js i18n为 Day.js 提供多语言日期与相对时间格式化能力ICU跨平台国际化库与消息格式标准的事实基础Intl APIJavaScript 内置的区域敏感格式化基础 APIChrome DevToolsChrome 内置全链路调试工具套件，AI 驱动前端开发Edge DevTools基于 Chromium 的浏览器开发者工具，深度集成 Microsoft 生态与 VS Code 编辑体验Firefox Developer Tools隐私优先的开源浏览器调试工具，CSS 调试强项Microsoft Edge DevTools基于 Chromium 的浏览器调试工具，深度集成 VS Code 与辅助功能检查Safari Web InspectorApple 生态专属 WebKit 调试工具，iOS 真机远程调试必备Angular DevToolsAngular 官方调试工具，依赖注入可视化与变更检测分析Next DevToolsNext.js 官方开发者工具，RSC 调试与全栈开发利器Nuxt DevToolsNuxt 3 官方调试工具，SSR 调试与全栈开发利器Pinia DevToolsVue 官方状态管理库 Pinia 的调试能力，深度集成于 Vue DevToolsReact Developer ToolsReact 官方调试工具，组件树检查与性能 ProfilerRedux DevToolsRedux 生态官方调试工具，提供状态快照、时间旅行调试和 action 回放能力Remix DevToolsRemix 全栈框架的浏览器调试工具，路由与数据加载追踪Svelte DevToolsSvelte 编译型框架的轻量级调试工具TanStack Query DevtoolsTanStack Query 官方调试工具，可视化查询缓存、mutation 状态和请求生命周期Vue DevToolsVue 3 官方调试工具，深度集成响应式系统与 PiniaApifoxAPI 文档、调试、Mock、测试一体化协作平台Hoppscotch开源、基于 Web 的轻量 API 调试平台Insomnia轻量、Design-first 的开源 API 客户端json-server零配置的 REST API Mock 服务器Mirage JS面向前端开发的客户端 Mock 服务器库Mock Service Worker (MSW)通过在网络层拦截请求的 API Mock 库Postman全球最广泛使用的 API 开发与协作平台Stoplight面向 API 全生命周期的设计与文档平台Swagger UIOpenAPI 规范最流行的交互式文档渲染器Cypress面向现代 Web 应用的端到端测试框架Jasmine行为驱动开发的 JavaScript 测试框架Jest零配置的 JavaScript 测试框架Mocha灵活的 JavaScript 测试框架Playwright现代端到端测试与浏览器自动化框架PuppeteerChrome 浏览器自动化 Node.js 库Storybook Test RunnerStorybook 官方组件自动化测试运行器Testing Library用户行为导向的轻量级测试工具集VitestVite 驱动的现代单元测试框架WebdriverIO跨浏览器自动化测试框架DocusaurusMeta 开源的静态站点生成器，专为技术文档而生HistoireVue 3 和 Svelte 的 Vite 原生组件 Story 工具Ladle轻量级 React Story 开发工具，Storybook 极简替代Nextra基于 Next.js 的文档站点框架Rspress基于 Rspack 的极速静态文档站生成器Storybook业界最流行的 UI 组件开发与文档环境TypeDocTypeScript 生态的 API 文档自动生成工具VitePressVite 驱动的静态站点生成器，默认面向技术文档Charles跨平台商业 HTTP/HTTPS 调试代理服务器Eruda功能丰富的移动端 Web 调试工具Fiddler经典的 Windows HTTP/HTTPS 调试代理工具ProxymanmacOS 现代网络调试工具，Charles 的优雅替代vConsole腾讯开源的轻量级移动端 Web 调试面板weinreWeb Inspector Remote，早期远程 Web 调试工具Whistle阿里开源的跨平台 Web 调试代理，国内首选开源抓包方案axe DevTools前端可访问性自动化检测的事实标准Browserslist前端工具链浏览器目标配置标准BrowserStack领先的云端跨浏览器跨设备测试平台Can I use浏览器特性兼容性查询权威参考LambdaTest跨浏览器云测试平台WAVE可视化 Web 可访问性评估工具Codeium高性价比 AI 代码补全CursorAI 原生代码编辑器GitHub Copilot最广泛部署的 AI 编程助手OpenAI Codex云端与本地协作的 AI 编程智能体Tabnine企业隐私优先的 AI 补全Visual Studio Code最广泛使用的开源代码编辑器WebStorm开箱即用的专业前端 IDEWindsurfCascade 流式 AI 代码编辑器Ionic PWA 跨平台 Web 应用方案技术调研在 Ionic 组件体系上构建可安装移动优先 Web 应用PWA Builder PWA 工具平台技术调研为 PWA 提供诊断、生成与商店打包的一站式平台Quasar PWA 跨平台 Web 应用方案技术调研在 Quasar 多模式工程中快速启用 PWA 的 Vue 方案Vite PWA 插件技术调研Vite 生态启用 PWA 能力的事实标准插件Workbox PWA Service Worker 工具集技术调研生产级 PWA 离线缓存与 Service Worker 工具集Chameleon 滴滴跨端框架技术调研滴滴早期探索一套代码多端运行的跨端框架Kuikly 腾讯跨端开发框架技术调研腾讯基于 KMP 与原生渲染推进的新一代跨端框架Lynx 字节跳动跨平台渲染框架技术调研字节跳动推进的原生渲染跨平台框架Megalo Vue 小程序框架技术调研网易考拉推出的 Vue 到微信小程序编译框架MorJS 小程序工程化框架技术调研面向小程序双端适配与工程治理的研发框架mpx 增强型小程序框架技术调研在原生小程序渲染模型上增强工程能力的类 Vue 框架Rax 阿里跨端 UI 方案技术调研阿里巴巴早期推动 Web 与小程序同构的轻量 React-like 框架Remax React 小程序框架技术调研在小程序运行时内嵌 React 心智的框架Taro 多端统一开发框架技术调研国内 React 技术栈小程序与多端开发的主流框架uni-app x 新一代跨平台原生渲染方案技术调研DCloud 推进原生渲染与 UTS 编译路线的新一代跨端方案uni-app 多端应用开发框架技术调研国内 Vue 技术栈跨端市场占有率最高的方案之一WePY 微信小程序框架技术调研微信小程序早期最具代表性的组件化框架之一Avalonia UI 跨平台框架技术调研面向 .NET 团队的跨平台 XAML UI 框架Dioxus 跨平台 UI 框架技术调研用 Rust 和类 React 组件模型构建全端应用Electron 桌面应用框架技术调研以 Chromium 和 Node.js 为核心的主流桌面应用框架Flutter Desktop 桌面开发技术调研用 Flutter 一套 Dart 代码覆盖桌面与移动端Neutralinojs 轻量桌面应用框架技术调研不捆绑 Chromium 和 Node.js 的极简桌面运行时NW.js 桌面应用框架技术调研早于 Electron 的 Node.js 加 Chromium 桌面框架Photino .NET WebView 桌面框架技术调研面向 .NET 团队的轻量 WebView 桌面壳方案Qt 跨平台 GUI 框架技术调研面向桌面与嵌入式的工业级跨平台 GUI 框架Slint 声明式 UI 工具包技术调研面向嵌入式与桌面的轻量声明式 UI 工具包Tauri 轻量跨平台应用框架技术调研用系统 WebView 和 Rust 构建轻量、安全的跨平台应用Wails Go 桌面应用框架技术调研面向 Go 开发者的轻量桌面 WebView 框架.NET MAUI 跨平台应用框架技术调研微软官方主推的 .NET 跨平台原生应用框架Capacitor 跨平台 Web Native 运行时技术调研把 Web 应用嵌入原生壳并接入设备能力的现代运行时Compose Multiplatform 跨平台 UI 框架技术调研在 Kotlin 多平台之上共享声明式 UI 的框架Apache Cordova Hybrid 框架技术调研WebView 加插件桥接路线的经典 Hybrid 框架Expo React Native 应用开发平台技术调研围绕 React Native 构建、发布与更新的完整开发平台Flutter 跨平台 UI 框架技术调研用 Dart 和自绘引擎构建多端一致界面的主流框架Framework7 移动端 Hybrid UI 框架技术调研面向移动端 Web 与 Hybrid 应用的 UI 组件与交互框架Ionic 跨平台移动 UI 框架技术调研Web 技术栈移动应用最成熟的 UI 框架之一Kotlin Multiplatform 跨平台共享逻辑技术调研用 Kotlin 在多平台之间共享业务逻辑与领域模型NativeScript 原生移动应用框架技术调研用 JavaScript 和 TypeScript 直连原生移动 API 的框架React Native 跨平台移动框架技术调研用 React 心智构建原生移动应用的标准方案Uno Platform 跨平台 UI 框架技术调研让 .NET 团队复用 WinUI 和 XAML 构建多端应用