muuri
vue3-dnd
Our great sponsors
muuri | vue3-dnd | |
---|---|---|
2 | 1 | |
10,677 | 541 | |
0.2% | - | |
0.0 | 7.5 | |
2 months ago | 2 days ago | |
JavaScript | TypeScript | |
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.
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
vue3-dnd
What are some alternatives?
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
sortablejs-vue3 - A thin wrapper around Sortable.js for Vue 3
nest2D - Nest2D is a 2D bin packaging tool for python.
DragSelect - An easy JavaScript library for selecting and moving elements. With no dependencies. Drag-Select & Drag-And-Drop. – Examples:
draggable - The JavaScript Drag & Drop library your grandparents warned you about.
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
angular-skyhook - An implementation of react-dnd for Angular.
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