Fluid DnD

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

🧰 Features

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

✨ Inspirations

• ✅ 🎥 Animations by react-beautiful-dnd
• ✅ 🎨 Api by Drag & Drop by Formkit
• ✅ 🧰 Features by Vue.Draggable

🚀 Getting Started

1. Install fluid-dnd:

   # with npm:
   npm i fluid-dnd
   
   # with yarn:
   yarn add fluid-dnd
   
   # with pnpm:
   pnpm i fluid-dnd

2. Documentation

• 📚 Check out all the docs.
• 🛠️ Edit the previous here.
• 📘 See others examples here.

📚 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 docs before submitting a pull request CONTRIBUTING.

🔑 License

• MIT.