UI 组件库

组件库	说明	特点
Ant Design	企业级UI设计语言和组件库，React生态最流行的组件库之一	企业级 TypeScript 设计规范
Material-UI (MUI)	Google Material Design规范的React实现，全球使用最广泛	Material 主题定制 响应式
Element Plus	Vue 3版本Element UI，饿了么出品的中文组件库	Vue 3 中文文档 表格强大
Radix UI	无样式、可访问的React组件原语，适合构建自定义设计系统	无样式 可访问性 Composable
Shadcn/ui	基于Radix UI的现代UI组件，代码直接复制到项目，支持深度定制	代码复制 Tailwind 现代设计
Headless UI	Tailwind CSS团队开发的无样式可访问组件，完全可定制	Tailwind 无样式 React/Vue

状态管理

库	说明	特点
Zustand	轻量级状态管理库，API简洁，性能优秀，React社区新宠	轻量 简洁API 无Provider
Jotai	原子化状态管理，每个状态都是独立的原子，支持细粒度更新	原子化 细粒度 TypeScript
Redux Toolkit	Redux官方推荐的工具集，简化Redux使用，TypeScript原生支持	RTK 中间件 调试工具
TanStack Query	服务端状态管理标准，自动缓存、重新获取、乐观更新	缓存 服务端状态 React Query
Recoil	Facebook实验性状态管理库，原子化设计，与React并发特性兼容	原子化 React并发 派生状态

数据请求与处理

库	说明	特点
Axios	基于Promise的HTTP客户端，支持浏览器和Node.js，请求拦截统一处理	Promise 拦截器 取消请求
Fetch API	浏览器原生API，现代替代XMLHttpRequest，简洁易用	原生 Promise 流式响应
SWR	Stale-While-Revalidate库，React数据获取和缓存方案	SWR 缓存 乐观更新
Lodash	JavaScript实用工具库，提供丰富的数组、对象、函数处理方法	工具集 函数式 性能优化
dayjs	轻量级日期处理库，API兼容Moment.js，体积小5KB	轻量 Moment兼容 不可变
date-fns	模块化日期处理库，按需引入，树摇优化，TypeScript支持	模块化 树摇 函数式
qs	URL查询字符串解析和序列化，处理复杂嵌套对象	查询字符串 序列化 嵌套对象

动画与特效

库	说明	特点
Framer Motion	React最流行的动画库，声明式API，手势动画，布局动画	声明式 手势 布局动画
GSAP	专业级动画引擎，高性能，支持SVG、Canvas，时间线控制	高性能 时间线 多平台
React Spring	基于物理的动画库，弹簧动画，真实感的交互效果	物理 弹簧 交互
Anime.js	轻量级JavaScript动画库，简洁API，SVG动画支持	轻量 SVG 路径动画
Motion One	基于Web Animations API的现代动画库，性能优秀，体积小	WAAPI 性能 轻量

表单处理

库	说明	特点
React Hook Form	React高性能表单库，性能优秀，减少重新渲染，支持验证	高性能 Hooks Zod验证
Formik	React表单构建库，状态管理简单，上手容易，社区成熟	简单 社区 验证
Zod	TypeScript优先的Schema验证库，类型安全，错误信息清晰	TypeScript Schema 类型推导
Yup	对象Schema验证库，常与Formik配合使用，链式API	Schema 链式 异步验证
React Select	强大的下拉选择组件，支持搜索、多选、异步加载	多选 异步 可定制

图表与可视化

库	说明	特点
ECharts	百度开源图表库，图表类型丰富，交互强大，文档完善	图表丰富 交互 大数据
AntV G2	蚂蚁金服可视化引擎，声明式API，支持复杂图表	声明式 语法糖 可视化
Chart.js	简单灵活的HTML5图表库，快速上手，响应式支持	简单 响应式 轻量
Recharts	React原生图表库，基于D3，完全组件化	React D3 组件化
D3.js	数据可视化底层库，强大灵活，学习曲线陡峭	底层 强大 自定义

工具与实用库

库	说明	特点
immer	不可变状态更新库，用Proxy实现，简化不可变逻辑	不可变 Proxy 简洁
clsx	条件类名拼接工具，动态构建className	条件渲染 拼接 轻量
classnames	JavaScript条件类名库，功能全面，社区广泛使用	条件类名 多种输入 广泛使用
tokens	CSS-in-JS样式管理方案，支持主题变量和设计令牌	样式 主题 变量
uuid	生成符合RFC标准的UUID，支持多种版本	UUID 唯一标识 TypeScript
immer	不可变状态更新库，用Proxy实现，简化不可变逻辑	不可变 Proxy 简洁
valibot	轻量级Schema验证库，体积小，性能好，TypeScript原生	轻量 Schema TypeScript

路由与导航

库	说明	特点
React Router	React官方路由库，支持嵌套路由、动态路由、状态保持	官方 嵌套路由 React 18
Vue Router	Vue.js官方路由库，声明式路由，配置简单	官方 声明式 Vue 3
wouter	轻量级React路由库，迷你简洁，适合小型项目	轻量 迷你 简单
TanStack Router	类型安全的React路由，完整的TypeScript支持	类型安全 完整TS 现代

CSS-in-JS 与样式

库	说明	特点
styled-components	CSS-in-JS先驱，组件级样式，主题支持，动态样式	CSS-in-JS 组件化 主题
Emotion	高性能CSS-in-JS库，灵活API，性能优秀	高性能 灵活 SSR支持
PandaCSS	原子化CSS引擎，编译时生成，构建时优化	原子化 编译时 性能
Linaria	零运行时CSS-in-JS，样式提取为CSS文件	零运行时 提取CSS 性能
Vanilla Extract	类型安全的CSS-in-JS，零运行时，CSS模块替代	类型安全 零运行 CSS模块

国际化与本地化

库	说明	特点
i18next	成熟的国际化框架，功能强大，框架无关	i18n 框架无关 插件生态
react-i18next	React绑定i18next，Hooks API，SSR支持	React Hooks SSR
formatjs	消息格式化库，原生Intl API封装，React集成	Intl 格式化 React
lingui	支持编译时提取的国际化库，类型安全	编译时 类型安全 现代

拖拽与排序

库	说明	特点
dnd kit	现代React拖拽库，轻量可访问，支持触摸屏	React 可访问 轻量
react-beautiful-dnd	Atlassian出品的拖拽排序库，动画精美，列表排序首选	拖拽排序 动画 列表
react-dnd	React拖拽API底层库，高度可定制，学习曲线陡峭	底层 可定制 复杂
SortableJS	原生JavaScript排序库，零依赖，支持多种框架	原生 零依赖 多框架

富文本与编辑器

库	说明	特点
TipTap	基于ProseMirror的headless编辑器，完全可定制，Vue/React支持	Headless ProseMirror 可定制
Slate	React可定制富文本编辑器，API灵活，数据模型可自定义	React 数据模型 灵活
Draft.js	Facebook出品的React富文本框架，状态驱动	React 状态驱动 插件
Quill	开箱即用的现代WYSIWYG编辑器，主题丰富	WYSIWYG 开箱即用 主题
Monaco Editor	VS Code底层编辑器，代码编辑体验，专业级	代码编辑 VS Code 专业