draggable
dnd-kit
Our great sponsors
draggable | dnd-kit | |
---|---|---|
13 | 43 | |
17,494 | 11,358 | |
0.9% | - | |
8.0 | 4.9 | |
16 days ago | about 1 month 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.
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
dnd-kit
-
A feature-rich front-end drag-and-drop component library
dndkit seemed very promising, until I realized the state of development [0], and critical performance issues if you want to use it for larger lists (individual issues linked within [0]). So it's fine if you need to use it for simple scenarios and a smaller number of items, but otherwise, it's inadequate in current state, unfortunately...The fact that the post was in Aug 2023, perf. issues still remain and there's low activity on issues in general, doesn't bode well...
[0] - https://github.com/clauderic/dnd-kit/issues/1194
-
Best Next.js Libraries and Tools in 2024
Link: https://dndkit.com/
-
Curious case of Drag and Drop
dnd-kit is one of the newest ones, it is modern, light-weight, and performant.
-
React Ecosystem in 2024
Website: DND Kit
-
Show HN: An open source visual editor for React
Yup that's the one. Also recommend checking out [dnd-kit](https://dndkit.com), which we may migrate to at a later date.
- 🎲 Dice Merge - ReactJS
-
Technology behind figma/godaddy/google site
You can drag and drop things in pure assembly by using native browsers APIs or using a library like https://dndkit.com/.
-
🎉Top React Libraries for Developers
DND Kit is a React library for building complex drag-and-drop web applications. It provides a set of APIs for handling drag-and-drop interactions, making it easier to build custom drag-and-drop.
-
React Beginner with question!
you can check https://dndkit.com for the drag and drop.
-
Libraries for nested drag and drop
Dnd kit: https://dndkit.com/
What are some alternatives?
svelte-dnd-action - An action based drag and drop container for Svelte
react-dnd - Drag and Drop for React
react-dropzone - Simple HTML5 drag-drop zone with React.js.
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React
nested-dnd - Proof of concept for doing a nested drag and drop in React
framer/motion - Open source, production-ready animation and gesture library for React
react-sortable-hoc - A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
react-drag-drop-container - ReactJS drag and drop functionality for mouse and touch devices
react-smooth-dnd - react wrapper components for smooth-dnd
react-kanban - Yet another Kanban/Trello board lib for React.