Repository files navigation

搜集优秀的 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 创建看起来像行星的圆形菜单

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

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

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

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

• 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 封装的高德地图组件
• @vis.gl/react-google-maps 用于 Google 地图 JavaScript API 的 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 工具包
• @uiw/react-codemirror CodeMirror 6 的 React 组件

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

• @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 的签名板组件

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

• @git-diff-view/react 类似 Github 的 Diff View 组件
• @uiw/react-color 轻量级的 React 颜色选择器组件