Dragula
draggable
Dragula | draggable | |
---|---|---|
8 | 13 | |
21,761 | 17,536 | |
- | 0.7% | |
0.0 | 7.8 | |
over 1 year ago | 1 day ago | |
JavaScript | 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.
Dragula
-
Made a free website for practicing what's taught in Tobira: Gateway to Advanced Japanese
Yup, I wrote the majority of the site's functionality using vanilla JS. I did use dragula for the drag and drop and easytimer for the timing though.
-
Drag and drop in the React.js
dragula
-
Best way to update element position (drag & drop)
You can take a look at how others like dragular implemented the drag & drop function .. https://github.com/bevacqua/dragula
-
Show HN: Drovp – Convenient UI for any drag and drop operations
I used Dragula[^1] for a form builder in the past and had quit a pleasent experience. Though I don't know how it would hold with a drag centric (card game) UI
[1]: https://bevacqua.github.io/dragula/
-
How to fix the ReferenceError: global is not defined error in SvelteKit/Vite
https://github.com/vitejs/vite/issues/2778 https://github.com/vitejs/vite/issues/728 https://github.com/bevacqua/dragula/issues/602 https://kit.svelte.dev/faq#aliases
-
Best options for Drag and Drop
https://bevacqua.github.io/dragula/ is dependency-free. It is what I'd consider.
- What's the state of "drag and drop" UI development?
-
Drag and Drop that works on desktop and mobile?
Dragula is always my go-to drag and drop library. It has mobile support as well.
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?
hammer.js - A javascript library for multi-touch gestures :// You can touch this
svelte-dnd-action - An action based drag and drop container for Svelte
nanogallery2 - a modern photo / video gallery and lightbox [JS library]
dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
sortablejs - Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
react-dropzone - Simple HTML5 drag-drop zone with React.js.
Vue.Draggable - Vue drag-and-drop component based on Sortable.js
nested-dnd - Proof of concept for doing a nested drag and drop in React
HumanInput - A JavaScript library for handling keyboard shortcuts and other human-generated events
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
touchemulator - Emulate touch input on your desktop
react-drag-drop-container - ReactJS drag and drop functionality for mouse and touch devices