整理了12款开源拖拽库, 轻松上手可视化搭建

徐小夕继续分享前端开发资源，特别是关于「低代码可视化」和「前端工程化」。本次分享涉及10款流行的开源「拖拽排序」库和2个高价值的「可视化搭建」解决方案。

这些资源已被汇总在可视化导航地址，涵盖拖拽搭建、可视化搭建开源项目及开源图表库。

以下为推荐的拖拽排序库：

• dragula: 兼容IE7+，支持多种前端框架，提供强大的拖拽功能。Github | Demo
• Interact.js: 支持拖拽、调整尺寸和多点触控，提供强大的配置。Github | Demo
• react-dnd: 一组React高阶组件，用于实现拖拽功能。Github | Demo
• Sortable: 支持现代浏览器和触摸设备上的列表重新排序。Github | Demo
• scriptaculous: 一组JavaScript库，增强网站用户界面。Github
• react-beautiful-dnd: 为垂直和水平列表设计的拖拽库。Github | Demo
• react-grid-dnd: 网格式拖拽库，支持优雅动画效果。Github | Demo
• dnd kit: 简化构建拖放界面的过程。Github | Demo
• React-Grid-Layout: 用于构建智能网格布局的拖放界面。Github
• Draggable: 优秀的动画性能网格+列表拖拽库。Github

推荐的可视化搭建解决方案：

• H5-dooring: 功能强大且高可扩展的H5页面配置解决方案。Github | 官网
• Formily: 专注于React中表单性能提升，整合JSON Schema协议。Github | 官网
• V6.Dooring: 开箱即用的大屏可视化解决方案。官网

更多优秀的可视化和图表库已整理在提供的网站内。徐小夕鼓励读者点赞和评论，以支持创造更多优质内容。

历史精彩内容回顾：

• 零代码+AI的阶段性复盘
• 文档引擎+AI可视化打造下一代文档编辑器
• 爆肝1000小时, Dooring零代码搭建平台3.5正式上线
• 从零打造一款基于Nextjs+antd5.0的中后台管理系统