dnd-kit
dnd
Our great sponsors
dnd-kit | dnd | |
---|---|---|
40 | 7 | |
11,112 | 1,437 | |
- | 13.2% | |
4.9 | 8.6 | |
about 14 hours ago | about 14 hours ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
dnd-kit
-
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.
-
🎉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.
- How do you implement drag-select using React-DnD?
- How to Drag and Drop in React
- Ofrezco mis 9 años de experiencia gratis
-
Updated: Rundown of React Libraries to use in 2023
You may also consider AutoAnimate and dndkit
- Drag and Drop for React 18
-
Is there a drag & drop React package that gives you the ability to keep children elements interactive? (ie call a function with onClick on an element that is a child of the draggable parent)
I've used dnd kit but I couldn't find a way to do this. I can't interact with any of the child elements of the draggable parent element.
dnd
- Drag and Drop for React 18
-
Dnd-kit
Word of warning : that library doesn't work with react 18 strict mode, and it doesn't seem like a fix is coming anytime soon because as I understand it it's not actively maintained anymore. A fork is in the works but as of now still no strict mode support.
-
rbd is dead, long life rfd!
TL;DR react-beautiful-dnd a.k.a. rbd isn’t actively maintained anymore. I’ve decided to fork the project to give it a second life. It’s called @react-forked/dnd or rfd. Try it!
-
https://dndkit.com – A lightweight, performant, accessible and extensible drag & drop toolkit for React
There's a new forked version now to pick up where Atlassisan left off: https://github.com/react-forked/dnd
What are some alternatives?
react-dnd - Drag and Drop for React
react-beautiful-dnd - Beautiful and accessible drag and drop for lists with 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-smooth-dnd - react wrapper components for smooth-dnd
svelte-dnd-action - An action based drag and drop container for Svelte
react-sortablejs - React bindings for SortableJS
react-table - ⚛️ Hooks for building fast and extendable tables and datagrids for React [Moved to: https://github.com/TanStack/react-table]
draggable - The JavaScript Drag & Drop library your grandparents warned you about.
animxyz - The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.