Launched December 30, 2025
Fluid DnD
Improve your experience when handling lists in your UI
FreeUI LibraryOpen SourceCode1,154 impressions#6 of its week
A drag and drop🤜🫳library for Vue🌿, React⚛️ and Svelte🚘
Fluid DnD is a lightweight, animated drag-and-drop library for lists in Vue 3, React and Svelte.
- for
- Frontend developers who need sortable list interactions with minimal code.
- pricing
- open source
- license
- MIT
works withVue 3ReactSvelte
Key features
4 features of Fluid DnD
- Easy and flexible API — Requires very little code to enable drag-and-drop in your project.
- Smooth animations — Provides clean, fluid animations for moving items compared to other libraries.
- Framework agnostic — Works with Vue 3, React and Svelte out of the box.
- Comprehensive documentation — Includes detailed docs and examples to help you integrate quickly.
Use cases
- Implement sortable task lists in a Vue 3 dashboard
- Add drag-and-drop reordering to a React kanban board
- Create animated item rearrangement in a Svelte photo gallery
- Build a minimal-code drag-and-drop form builder
Fluid DnD vs alternatives
 Fluid DnD |  Saas UI |  Float UI v2 | |
|---|---|---|---|
| Best for | Animated list reordering across Vue, React, Svelte | General UI component library for React | Tailwind-styled UI components |
| Pricing | Open source | Free | Free |
| DevHunt upvotes | 0 | 54 | 44 |
| Launched | Dec 2025 | Jan 2023 | Dec 2023 |
- Fluid DnD vs Saas UI: Saas UI is a full React component library, not focused on drag-and-drop lists.
- Fluid DnD vs Float UI v2: Float UI v2 offers Tailwind UI components, whereas Fluid DnD provides drag-and-drop functionality.
Fluid DnD FAQ
Which frameworks does Fluid DnD support?+
It currently supports Vue 3, React and Svelte.
Do I need to write a lot of code to use it?+
No, the library is designed to work with as little code as possible.
Are the drag-and-drop actions animated?+
Yes, Fluid DnD provides smooth, clean animations for moving items.
Is there documentation available?+
Yes, the project includes comprehensive documentation and examples.
Is Fluid DnD free to use?+
The library is open source and can be used without cost.
Summarized by DevHunt from fluid-dnd.netlify.app · Sep 28, 2026. Details may change; check the official site.
