vue3-dnd
muuri
vue3-dnd | muuri | |
---|---|---|
1 | 2 | |
541 | 10,684 | |
- | 0.2% | |
7.5 | 0.0 | |
7 days ago | 2 months ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
vue3-dnd
muuri
-
Does anyone know of any new, maintained Drag-n-Drop solutions for vue3?
We’ve gone through a lot of different choices, all with different pros n cons. And we landed to use https://github.com/haltu/muuri Which is veeery well written, though has it’s own source of truth coming from the DOM, which makes it a bit trickier to pair up with vue in certain reactivity cases. It’s mainly for creating a draggable dashboard layout.
- Murri: Infinite responsive, sortable, filterable and draggable layouts
What are some alternatives?
sortablejs-vue3 - A thin wrapper around Sortable.js for Vue 3
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
DragSelect - An easy JavaScript library for selecting and moving elements. With no dependencies. Drag-Select & Drag-And-Drop. – Examples:
nest2D - Nest2D is a 2D bin packaging tool for python.
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
draggable - The JavaScript Drag & Drop library your grandparents warned you about.
angular-skyhook - An implementation of react-dnd for Angular.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
Easy-DnD - A drag and drop implementation for Vue.js 2 and 3 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz
guillotine-packer - Guillotine-based bin packing implementation