Ant Design 作为一款备受欢迎的 UI 组件库,不仅功能强大,还非常注重用户体验。在官网上还特别推荐了一系列其他实用的工具库,这些工具库能够与 Ant Design 形成互补,提供更为全面和高效的解决方案。通过结合这些工具,可以进一步提升开发效率,实现更出色的用户界面和交互体验,工具列表如下:
- 可视化图表:Ant Design Charts、AntV、reactflow
- React Hooks 库:ahooks
- 表单:ProForm、Formily、react-hook-form、formik
- 路由:react-router
- 布局:react-grid-layout、react-grid-system、rc-dock
- 拖拽:dnd-kit、react-beautiful-dnd、react-dnd
- 代码编辑器:@uiw/react-codemirror、react-monaco-editor
- 富文本编辑器:react-quill
- JSON 编辑器:vanilla-jsoneditor
- JSON 显示器:react-json-view
- 拾色器:react-colorful、react-color
- 响应式:react-responsive
- 复制到剪贴板:react-copy-to-clipboard
- 页面 meta 属性:react-helmet-async
- 图标:react-fontawesome、react-icons
- 二维码:qrcode.react
- 顶部进度条:react-nprogress
- 应用国际化:FormatJS、react-i18next
- 代码高亮:react-syntax-highlighter
- Markdown 渲染:react-markdown
- 无限滚动:rc-virtual-list、react-infinite-scroll-component
- 地图:google-map-react、@uiw/react-amap 高德地图
- 视频播放:react-player、video-react、video.js
- 右键菜单:react-contexify
- Emoji:emoji-mart
- 分割面板:react-split-pane、react-resizable-panels
- 图片裁切:antd-img-crop、react-image-crop
- 关键字高亮:react-highlight-words
- 文字轮播:react-text-loop-next、react-fast-marquee
- 动画:framer-motion、Ant Motion、react-spring
- 页脚:rc-footer
- 数字/金额:react-number-format、react-currency-input-fiel
- 移动端探测:react-device-detect
- 应用程序框架:umi、remix、refine
- Flow 流:pro-flow、react-flow、x6
- 电话输入:react-phone-number-input、antd-phone-input
- AI 对话界面:pro-chat