0
点赞
收藏
分享

微信扫一扫

Ant Design 官方推荐的实用前端工具

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
举报

相关推荐

0 条评论