丝滑到起飞！这几个拖拽库真心推荐

大家好，我是「前端实验室」爱分享的了不起~

拖拽在前端领域中已经是一个非常常见的交互方式了，今天给大家介绍几个拖拽库，不仅可以提高提高效率，还可以使你的拖拽效果更加丝滑~

Vue.Draggable

Vue.Draggable是一个基于Vue.js的可拖拽组件库，用于实现拖拽和排序功能。它提供了Vue指令和组件，可以轻松地将拖拽功能集成到Vue应用程序中。内置丰富的配置选项和事件钩子，可以满足不同的需求，同时提供了良好的性能和可访问性。

Github链接：https://github.com/SortableJS/Vue.Draggable Github Star：19K

Sortable.js

Sortable是一个功能强大且易于使用的JavaScript库，用于实现拖拽排序的功能。它可以用于各种应用场景，包括可重排序的列表、棋牌游戏的拖拽和放置等。Sortable提供了丰富的API和配置选项，可以进行自定义布局、样式和交互行为的调整。

Github链接：https://github.com/SortableJS/Sortable Github Star：27.1K

dragula

dragula是一个轻量级的JavaScript库，用于实现页面元素的拖拽操作。它支持将元素拖拽到不同的容器，并提供了可自定义的拖拽事件和处理程序。dragula非常易于集成和使用，适用于一般的拖拽需求。

Github链接：https://github.com/bevacqua/dragula Github Star：21.6K

React DnD

React DnD是专为React框架设计的拖拽和放置（Drag and Drop）解决方案。它提供了一组强大的React组件和高阶组件，用于简化拖拽和放置操作的实现。React DnD支持自定义的拖拽源（DragSource）和放置目标（DropTarget），并且提供了灵活的API和事件钩子，以实现复杂的交互逻辑。

Github链接：https://github.com/react-dnd/react-dnd Github Star：19.4K