转载:antd社区精选组件antd
是 Ant Design 设计规范的 React 实现,所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件,也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现,与 antd 形成互补:
类型 | 推荐组件 |
---|---|
可视化图表 | AntV 数据可视化解决方案 🔥 AntV 图表库 BizCharts recharts viser |
React Hooks 库 | umi-hooks |
路由 | react-router |
布局 | @rebass/grid react-blocks react-flexbox-grid |
拖拽 | react-beautiful-dnd react-dnd react-sortable-hoc |
代码编辑器 | react-codemirror2 react-monaco-editor |
富文本编辑器 | react-quill braft-editor |
JSON 显示器 | react-json-view |
拾色器 | rc-color-picker react-color |
响应式 | react-responsive react-media |
复制到剪贴板 | react-copy-to-clipboard |
页面 meta 属性 | react-helmet react-helmet-async |
图标 | react-fontawesome react-icons |
二维码 | qrcode.react |
可视化图编辑器 | GGEditor |
顶部进度条 | nprogress |
应用国际化 | react-intl |
代码高亮 | react-syntax-highlighter |
Markdown 渲染 | react-markdown |
无限滚动 | react-virtualized antd-table-infinity |
地图 | react-google-maps google-map-react react-amap 高德 |
视频播放 | react-player video-react video.js |
右键菜单 | react-contextmenu react-contexify |
Emoji | emoji-mart |
分割面板 | react-split-pane |
图片裁切 | react-image-crop |
趋势线 | react-sparklines |
关键字高亮 | react-highlight-words |
动画 | react-move Ant Motion react-spring |
推荐产品
还有一些常用的前端/设计/产品相关的工具推荐给大家使用。
类型 | 推荐产品 |
---|---|
文档管理 | 🐦 语雀 |
图标 | 阿里巴巴矢量图标库 |
Sketch 插件 | Kitchen |
在线代码编辑 | codesandbox codepen |
图片压缩 | tinypng |
图表分类查询 | 图之典 |