React Components Awesome

搜集优秀的 React 组件，通过创建 issue 自动创建 PR 提交合并。

表格

@fortune-sheet/react 一个在线电子表格组件，提供与 Excel 一样的开箱即用功能
@mui/material 快速且可自定义的数据网格，为高级用户和复杂用例提供高级功能
@revolist/revogrid-react 具有高级定制功能的 React / AngularJS / Vue / Web 组件的强大数据网格
@silevis/reactgrid 向您的应用添加类似电子表格的行为
ag-grid-react 支持 Javascript/React/AngularJS/Web Components 的高级数据网格/数据表
react-data-grid 类似 Excel 的网格
rsuite-table 一个 React 表格组件

无限滚动

@egjs/react-infinitegrid 用于根据各种布局类型无限排列包含内容的卡片元素的模块
react-lazyload 延迟加载您的组件、图像或任何其他性能重要的东西
react-list 多功能无限滚动 React 组件
react-window React 组件，用于高效呈现大型列表和表格数据
virtua 简单、快速、小巧、灵活的虚拟滚动条

叠加

react-aria-modal 根据 WAI-ARIA 创作实践构建的完全可访问且灵活的 React 模式
react-modal React 的可访问模式对话框组件
reoverlay 缺少管理模式的解决方案
sweetalert2 一个美观、响应迅速、高度可定制和可访问的 (WAI-ARIA) 替代 JavaScript 的弹出框，零依赖
sweetalert2-react-content 官方 SweetAlert2 增强器添加了对 React 元素作为内容的支持

通知

用一个无模式的临时小弹出窗口通知用户

react-notifications-component 高度可定制且易于使用的通知组件
notistack 高度可定制的通知快餐栏（吐司），可以相互堆叠
react-local-toast 显示链接到特定组件的反馈而不是应用程序范围的 toasts
react-toast 最少的 toast 通知
react-toastify 目前最好的选择 Hook 支持
reapop - React & Redux 通知系统
react-hot-toast React 的吸烟热通知。默认情况下轻巧，可定制且美观

工具提示

react-tooltip React 工具提示组件

菜单

Menus / sidebars

hamburger-react React 的动画汉堡菜单图标
react-burger-menu 具有效果和样式的非画布侧边栏
react-offcanvas React 的非画布菜单
react-planet 创建看起来像行星的圆形菜单

Sticky

选项卡

react-tabs React 选项卡组件
react-tabtab React 选项卡

加载

react-loader-spinner 用于 React 异步操作的旋转器集合集
react-spinners 用于 React 的加载旋转器组件的集合

Carousel

swiper 大多数现代移动触摸滑块与硬件加速转换
react-slick React 轮播组件
pure-react-carousel 可以由用户组装来创建响应式且符合 aria 的轮播

按钮

reactive-button 带有进度条的3D动画 react 按钮组件。
react-awesome-button 一个3D UI，进度，社交和分享功能，的按钮组件。

Collapse

keen-slider HTML 触摸滑块轮播给您带来最原生的感觉。

图表

frappe-charts 简单、灵敏、现代的 SVG 图表，零依赖性
bizcharts 基于G2和 React 的强大数据可视化库
react-vis 数据可视化组件
@berryv/g2-react @antv/g2 的轻量级 React 组件
recharts 使用 React 和 D3 重新定义图表库
victory 用于构建交互式数据可视化的可组合React组件集合
lightweight-charts 使用 HTML5 画布制作高效的财务图表(支持 React)

命令面板

树

react-arborist React 的完整树视图组件
@uiw/react-json-view 用于显示和编辑 JS 数组和 JSON 对象的 React 组件

用户界面导航

自定义滚动条

音频视频

react-player 一个React组件，用于播放各种url，包括文件路径，YouTube, Facebook.

地图

@uiw/react-baidu-map 基于 React 封装的百度地图组件
@uiw/react-amap 基于 React 封装的高德地图组件

时间/日期/年龄

react-day-picker 一个可自定义的 React 日期选择器组件，具有原生 TypeScript 支持

照片/图像

react-easy-crop 通过简单的交互来裁剪图像/视频

编辑器

editorjs 具有简洁 JSON 输出的块式编辑器
lexical 一个可扩展的文本编辑器框架，提供出色的可靠性、可访问性和性能
prosemirror-view ProseMirror WYSIWYM 编辑器
react-draft-wysiwyg 基于 ReactJS 和 DraftJS 的 Wysiwyg 编辑器。
alloyeditor WYSIWYG编辑器基于CKEditor与完全重写的UI
react-ace Ace（高级代码编辑器）包装器。
tiptap web 工匠的无头编辑器框架
remirror 用于 React 的 ProseMirror 工具包

Icons 图标

emoji-mart 一个可定制的网页表情符号选择器

Paginator 分页器

Markdown 预览

@uiw/react-markdown-preview 在 Web 浏览器中 React 组件预览 Markdown 文本
react-markdown Markdown component for Reac

画布

使用 Canvas 或 SVG 绘制草图输入

react-konva - 一个 JavaScript 库，用于通过绑定到 Konva 框架来绘制复杂的画布图形
react-sketch - 基于 React 的应用程序的 Sketch 工具，由 FabricJS 支持
react-sketch-canvas - 使用 SVG 作为画布的 React 手绘矢量绘图工具
@uiw/react-heat-map - 基于 SVG 构建的轻量级日历热图反应组件，GitHub 贡献图的可定制版本
@uiw/react-signature 用于 React 的签名板组件

UI 动画

framer-motion 动画和手势库
react-spring 基于 Spring 物理的 React 动画库
@formkit/auto-animate 一个零配置，插入式动画实用程序

各种各样的

@git-diff-view/react 类似 Github 的 Diff View 组件