sortablejs-vue3
draggable
sortablejs-vue3 | draggable | |
---|---|---|
7 | 13 | |
348 | 17,536 | |
- | 1.0% | |
5.1 | 7.8 | |
3 months ago | 6 days ago | |
Vue | 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.
sortablejs-vue3
-
Shopify's Draggable Landing Page Is Beautiful
It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129
This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...
- Does anyone know of any new, maintained Drag-n-Drop solutions for vue3?
- I made a thin wrapper around SortableJS for Vue 3 because the alternatives weren't good enough
-
I released a TypeScript + Vue 3 wrapper for SortableJS because the alternatives didn't work well. Hope this helps someone!
https://github.com/MaxLeiter/sortablejs-vue3 seems promising but I had a lot of issues, particularly with nested draggables. I also was not alone, so I decided to build this. It's a light-weight type-safe wrapper for Sortable that works with Vue 3 (without any __OPTIONS_API__ business) and supports every Sortable prop/option. I hope this saves someone more time than I spent looking for it...
- I released a thin TypeScript wrapper around SortableJS for Vue 3
- Trying to publish a library, importing from npm breaks
draggable
-
Shopify's Draggable Landing Page Is Beautiful
It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129
This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...
-
Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
Last time I did this a few years ago with jquery-ui-sortable: https://blog.corsego.com/ruby-on-rails-sexy-basic-trello-clone. I haven't tried doing this with any other modern drag-and-drop libraries, but I think my next go-to would be https://shopify.github.io/draggable/
-
Konsta UI – Mobile UI Components Built with TailwindCSS
My startup team is working on a new project and elected Tailwind this week. Konsta looks like a great fit as we want to work well on mobile.
Wondering if there are plans to add a grid system and/or drag+drop? We're looking to implement an Instagram like grid of cards and currently using DraggableJS https://shopify.github.io/draggable. Having an integrated solution would help us avoid haphazard glue code.
-
Drag & drop in Svelte. Hunting for libs
Draggable has the... funkiest examples btw. Like 3D dragging funky.
-
How to create a Drag and Drop quiz like this?
For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/
- Ask HN: What's is your go to toolset for simple front end development?
-
what is the best and easy way to make a drag and drop system?
https://shopify.github.io/draggable/ looks neat
-
How to implement a the draggable library from Shopify
I was wanting to implement elements of the library from Shopify and was wondering the process of implementing into my code. I am using visual studios. For instance I wished to use this in my code.
- Show HN: Drovp – Convenient UI for any drag and drop operations
-
How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up
GitHub
What are some alternatives?
layoutit-grid - Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.
svelte-dnd-action - An action based drag and drop container for Svelte
vue3-dnd - React Dnd implementation in Vue Composition-api.
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
gitbox - 🔍Generate details your statistics of GitHub data information when searching
react-dropzone - Simple HTML5 drag-drop zone with React.js.
spelling-bee - Free open source version of the New York Times Spelling Bee game
nested-dnd - Proof of concept for doing a nested drag and drop in React
vue3-manjaro-ui - 网页版Manjaro。A simulation webpage for Manjaro Linux(KDE Plasma).
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
muuri - Infinite responsive, sortable, filterable and draggable layouts
react-drag-drop-container - ReactJS drag and drop functionality for mouse and touch devices