fluid-dnd

An agnostic drag and drop library to sort all kind of lists. With current support for vue, react and svelte
33,200 519
vue react svelte library draggable sortable dnd drag drop drag&drop droppable drag-n-drop dependency-free fluid-dnd
Install
npm install fluid-dnd
Latest Version:2.6.3
Vue:3
License:MIT
Last Updated:Nov 30, 2025
Links: GitHub  ·  npm
Maintainer: carlosjorger

npm bundle size license version GitHub issues GitHub stars

Drag and drop elements of your list smoothly and effortlessly

📖 Documentation | 🤹 Examples

🪪 About

Fluid DnD is a fluid, agnostic and versatile drag and drop library for lists; with support for Vue, React and Svelte. It's a lightweight tool ~8 Kb (gzip) with no depenencies.

🧰 Features

  • ✅ Fully customizable 🎨.
  • ✅ Zero dependencies 🪶.
  • ✅ Works with horizontal➡️and vertical list⬇️.
  • ✅ Mouse 🐭 and touch 👉📱 (mobile, tablet and so on) support.
  • ✅ Clear documentation 📑 and examples.
  • ✅ Fully tested 🧪, typed and reliable.

✨ Inspirations

🚀 Getting Started

  1. Install fluid-dnd:

    # with npm:
npm i fluid-dnd

# with yarn:
yarn add fluid-dnd

# with pnpm:
pnpm i fluid-dnd

📚 Libraries Support

  • Vue >=3.0.0
  • React >= 18.0.0
  • Svelte >= 5.0.0

🤝 Contributing

If you're interested in contributing to fluid-dnd, please read our CONTRIBUTING GUIDELINES before submitting a pull request.

🔑 License

Related Packages

vue-fluid-dnd

A Vue 3 drag and drop library to sort all kind of lists

52,232 519
dependency-free dnd drag drag&drop drag-n-drop draggable drop droppable library sortable +7
vue-dndrop

Vue wrappers for drag and drop

560,182 233
dnd drag drag&drop draggable drop sortable vue drag and drop vue.js
vue-smooth-dnd

Vue wrappers for smooth-dnd

669,496 1,834
dnd drag drag&drop draggable drop sortable vue drag and drop smooth-dnd vue.js
dragon-drop-vue

Customizable native Vue3 drag-n-drop library with only first-party. Includes Vue...

3,850 12
drag drag&drop drag-n-drop draggable drop sortable vue dragging reorder vue3 +1
vue-drag-n-drop

A simple kanban board where the items can be dragged and dropped from the list....

3,460 198
dnd drag drag&drop draggable drop sortable vue drag and drop kanban smooth-dnd +1

Version History

Version Released License
2.6.3 MIT
2.6.2 MIT
2.6.1 MIT
2.6.0 MIT
2.5.1 MIT
Pre-releases (19)
Version Released License
1.3.3-beta.0 MIT
1.3.2-beta.0 MIT
1.3.1-beta.0 MIT
1.3.0-beta.0 MIT
1.2.1-beta.0 MIT