SaaSHub helps you find the best software and product alternatives Learn more →
Dnd-kit Alternatives
Similar projects and alternatives to dnd-kit
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
shadcn/ui
A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
-
-
-
-
material-ui-docs
⚠️ Please don't submit PRs here as they will be closed. To edit the docs or source code, please use the main repository: http://github.com/mui/material-ui.
-
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
-
-
-
framer/motion
Discontinued Open source, production-ready animation and gesture library for React [Moved to: https://github.com/motiondivision/motion] (by framer)
-
-
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
-
puck
Discontinued The visual editor for React [Moved to: https://github.com/puckeditor/puck] (by measuredco)
-
-
-
-
dnd-kit discussion
dnd-kit reviews and mentions
-
Building No-Code Excel-like Tables: Implementing Drag & Drop UI
For drag & drop, I used @dnd-kit.
-
Using Dnd-Kit Basics
if you want to create draggable/droppable elements on your website one of the options available is Dnd-kit which is a modern drag-and-drop toolkit for React. Using it is fairly very easy, unless you end up on youtube where for some reason every one wants to make kanban boards with it and suddenly instead of learning how to use Dnd-kit now you are also dealing with the added complexity of a kanban board. So, I am just going to do a very simple and straightforward setup for Dnd-kit just going over how to use it and what we are doing.
-
Top 5 Drag-and-Drop Libraries for React
dnd-kit is a modern, lightweight toolkit for building drag-and-drop experiences in React. This library takes a unique approach because it doesn’t give you a pre-built DnD system—it's a framework you can use to build your own. This means you get full control over the DnD behavior, styling, and interactions, without being boxed into a rigid API. That flexibility is exactly why we decided to use it for Puck.
-
🚀 Top React Libraries for Project Management Apps You Need to Know
Note that currently dnd-kit is undergoing a rewrite with the new release planned in January 2025.
-
Is React as hard/complex as it sounds?
dnd-kit for drag-and-drop functionality
-
How to implement drag and drop in React using dnd-kit
Despite its widespread use, implementing drag-and-drop can be challenging—especially when building custom interfaces that need to handle complex interactions. That’s where dnd-kit, a powerful and developer-friendly open-source library, comes in.
-
Best React Libraries for Admin Panels
5. @dnd-kit for Drag and Drop: Lightweight, Modular, and Accessible
-
I made Webflow but for Python UI. Here's how I built it
When starting out I had researched on a couple of libraries such as React-beautiful-Dnd, React Dnd-kit and React Swappy.
-
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/
-
A note from our sponsor - SaaSHub
www.saashub.com | 13 Jun 2026
Stats
clauderic/dnd-kit is an open source project licensed under MIT License which is an OSI approved license.
The primary programming language of dnd-kit is TypeScript.