免費(fèi)AI編程助手
Ant Design React 社區(qū)精選組件
2023-09-26 15:27 更新
antd 是 Ant Design 設(shè)計(jì)規(guī)范的 React 實(shí)現(xiàn)，所以我們傾向于只提供符合該規(guī)范、且?guī)в幸曈X展現(xiàn)的 UI 組件，也盡量不重復(fù)造輪子。我們推薦使用以下社區(qū)已有的優(yōu)秀實(shí)現(xiàn)，與 antd 形成互補(bǔ)：
| 類型 | 推薦組件 |
|---|---|
| 可視化圖表 | AntV 數(shù)據(jù)可視化解決方案 ?? AntV 圖表庫 BizCharts recharts viser |
| 路由 | 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 |
| 響應(yīng)式 | react-responsive react-media |
| 復(fù)制到剪貼板 | react-copy-to-clipboard |
| 頁面 meta 屬性 | react-helmet react-helmet-async |
| 圖標(biāo) | react-fa react-icons |
| 二維碼 | qrcode.react |
| 可視化圖編輯器 | GGEditor |
| 頂部進(jìn)度條 | nprogress |
| 應(yīng)用國際化 | react-intl |
| 代碼高亮 | react-syntax-highlighter |
| Markdown 渲染 | react-markdown |
| 無限滾動(dòng) | 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 |
| 趨勢(shì)線 | react-sparklines |
| 關(guān)鍵字高亮 | react-highlight-words |
| 動(dòng)畫 | react-move Ant Motion react-spring |
推薦產(chǎn)品 ?
還有一些常用的前端/設(shè)計(jì)/產(chǎn)品相關(guān)的工具推薦給大家使用。
| 類型 | 推薦產(chǎn)品 |
|---|---|
| 文檔管理 | ?? 語雀 |
| 圖標(biāo) | 阿里巴巴矢量圖標(biāo)庫 |
| Sketch 插件 | Kitchen |
| 在線代碼編輯 | codesandbox codepen |
| 圖片壓縮 | tinypng |
| 圖表分類查詢 | 圖之典 |
以上內(nèi)容是否對(duì)您有幫助：
更多建議：