React组件库
UI 组件库
- ⭐ Material-UI (MUI) - 世界第一 UI 组件库, 使用人数超多
- ⭐ Ant Design / Ant Design Mobile - *阿里 蚂蚁金服*
- ⭐ Chakra-UIChakra UI是一个易于使用和高度可定制的React组件库，具有快速反应、易于维护、可访问等特点。
- ⭐ Mantine
- ⭐ react-bootstrap / reactstrap - 两个 Bootstrap 风格的 React组件库 , 使用人数也非常多
- ⭐ zarm - *众安* 移动端组件库
- ⭐ react-vant - 基于Vant样式的 移动端组件库
- PrimeFaces - 许多大厂都在用
- fluent-UI - * 微软*
- cloudscape-design/components - *AWS (亚马逊)*
- react-spectrum - *Adobe*
- ring-ui - *JetBrains*
- semi-design - *抖音*
- arco-design - *字节跳动*
- TDesign - *腾讯*
- nextui - 非常漂亮的组件库
- radix-ui
- rsuite
- react-md
- headless-ui
- blueprint
- OnsenUI
- grommet
- Vechai UI
- Semantic-UI-React
- paljs-ui
- react-desktop
- evergreen
- webrix
- ionic-framework - 移动端
- Kendo UI
- quark-design - *哈啰* (移动端)
基于 TailwindCSS 的组件库
所有框架都适用, 可以完成绝大部分的需求
- daisyui
- mambaui
- tailblocks
- tailwindcomponents
- flowbite
- lofiui
- konsta
- Tailwind-Elements
- tail-kit
- vechaiui
- flowbite
组件模块
- ⭐ swiper - 超级牛x的 触摸滑块 / 轮播图 (适用于所有流行框架)
- ⭐ react-spring - 非常强的动画库
- ⭐ Framer Motion - 动画库
- ⭐ react-hot-toast - 非常不错的 Toast 库
- ⭐ react-spinners - 超多炫酷的 loading 组件
- ⭐ react-icons - 超多的Icons
- TanStack Ranger - 多范围滑块
- TanStack React-Charts - 图表
- material-react-table - MUI + React table
- heroicons - tailwind 开源的 Icons
- react-live - 实时代码编辑和展示
- react-responsive-masonry - 瀑布流排列
- react-player - 视频播放器
- prism-react-renderer - prism 代码高亮
- diegomura-react-pdf / wojtekmaj-react-pdf - 两个 PDF 的库
- transition-hook - 动画库
- floating-ui - 浮动定位
- slate - 富文本
- draft-js - facebook 开源的 富文本
- react-photo-view - 一个非常不错的大图查看
- react-select - 选择框
- react-beautiful-dnd - 拖放
- react-dnd - 拖放
- react-grid-layout - 具有响应断点的可拖动和可调整大小的网格布局
- react-data-grid - 类似Excel的网格组件
- react-draggable - 拖动
- react-resizable-and-movable - 调整大小与拖动
- react-resizable - 调整大小
- react-resizable-box - 调整大小
- react-spaces - 支持 嵌套,调整大小,可滚动的布局
- react-dates - 移动端友好的日期选择
- react-big-calendar - 日期选择
- react-datepicker - 日期选择
- react-list - 无限滚动
- react-joyride - 创建 新手指引
- react-loading-skeleton - 骨架
- react-spinkit - loading 动画
- rheostat - 滑块
- qrcode.react - 二维码
- react-archer - 在元素之间绘制箭头
- react-pdf-viewer - PDF 查看器
- react-parallax-tilt - 倾斜悬停效果
- react-tsparticles - 粒子动画
- react-accessible-accordion - 手风琴
- react-cookie - cookies
- react-slick - 走马灯
- nuka-carousel
- react-device-detect - 检测设备
- react-colorful - 颜色选择器
- react-modal - 模态对话框
- cleave.js - 键入时格式化输入文本内容
- react-fontawesome - Font Awesome 5
- react-advanced-cropper - 图像裁剪
- ⭐ atropos - 非常牛X的3D视差悬浮
相关库
- ⭐ TanStack Query (react-query) : 请求状态管理
- ⭐ react-router : 路由
- ⭐ classnames : 拼接 className
- ⭐ immer : Immutable (不可变数据)
- ⭐ TanStack Table (react-table) : table 操作, 支持任何UI组件库
- swr : vercel 开源的 请求状态管理库
- TanStack Location : 路由
- clsx : 拼接 className
- react-window : 虚拟化 表格和列表
- react-virtualized : 虚拟化 表格和列表
- TanStack virtual : 虚拟化 表格和列表
- zag : 无样式的组件
- ⭐radix-ui
脚手架
- ⭐ Next.js -*Vercel -* 支持SSR SSG 等众多功能开箱即用的React顶级框架, 使用人数众多
- ⭐ docusaurus - *Facebook -* 文档网站生成 , 使用人数超多
- ⭐ Gatsby
- ⭐ remix
- nextra - 基于Next.js 的文档网站生成
- alita - *阿里*
- umi - *阿里*
- ice - *阿里*
- zhangyuang/ssr
- create-react-app - React 官方脚手架
- Vite
- razzle
- astro - SSG 支持多个流行框架
- rakkasjs - 类 Next.js
- Blitz.js - 基于 Next.js 的一个全栈框架
- modern.js - *字节跳动* 现代web工程体系 元框架套件
状态管理
表单库
- ⭐ react-hook-form : 高性能的表单验证库
- ⭐ react-final-form : 世界巨头都在用的 React 高性能表单库
- Formik
- Formily : *阿里*
- react-form
- formsy-react
- uniforms
CSS in JS
- ⭐ emotion
- ⭐ styled-components
- griffel : *微软*
- goober : 只有 1kb 的 css in js 库