Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 TypeScript Drag and Drop Projects
-
GrapesJS
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
Project mention: Top 15 Fastest-Growing Open-Source Low-Code Projects on GitHub in 2025 | dev.to | 2025-04-08Website: https://grapesjs.com/
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
🔗 https://react-dnd.github.io/react-dnd/
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit 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.
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Project mention: Konva.js – Declarative 2D Canvas for React, Vue, and Svelte | news.ycombinator.com | 2025-03-19Konva at esm format https://www.npmjs.com/package/konva-es
It's not a fork, just a different way to build the same project.
ES2015 module is more efficient than the other formats and can facilitate the creation of smaller bundle size through tree-shaking technique.
https://github.com/konvajs/konva/issues/1829
-
interact.js
JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
-
This is about the https://github.com/atlassian/pragmatic-drag-and-drop lib. I wonder if it's the follow-up to react-beautiful-dnd, also by Atlassian? https://github.com/atlassian/react-beautiful-dnd
----
In the past, Atlassian products have not exactly been, eh, "designed for delight". I don't think I've ever met a single person who liked their software, rather than being forced to use them by some sadistic manager or top-heavy bureaucracy.
I hope this design blog means they're trying to change that and move towards a more user-focused culture...
-
-
InfluxDB
InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
-
Unlayer is an open-source drag-and-drop email editor that allows users to create emails with minimal effort. When used with the React framework, it serves as a wrapper component that provides a developer-friendly visual email builder for web applications.
-
Project mention: Build a Sleek & Sortable Drag-and-Drop Kanban in React – No Hassle! | dev.to | 2025-03-17
@wazza99/use-sortable also contain numerous functions which help in the management of your board state for example: addColumn,addColumnItem,deleteColumn... and so on, you can take a look at the docs here: docs. You can also take a look at @hello-pangea/dnd to understand more about the library.
-
Project mention: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts) | news.ycombinator.com | 2025-01-11
Yes, it's something that is planned. Currently some features work with touch inputs but not all of them.
- https://github.com/mathuo/dockview/issues/696
-
-
-
-
-
-
-
-
Project mention: Found out that the government of Canada is using my project | news.ycombinator.com | 2024-07-02
I recently found out that an open source software from Canadian Digital Services (CDS) is using one of my personal projects, which I found pretty cool. Github allows you to see a list of repos that depend on your project in the insights view, and while the list is often fairly limited since it just shows public repos, I still like to scroll through the list every once in a while because I sometimes see some interesting projects.
My project is https://github.com/lukasbach/react-complex-tree, a React tree library for building feature rich tree views without making assumptions on looks, similar to file-based tree views you might expect in the sidebar of your IDE. I saw that CDS is using it in a public form builder app https://github.com/cds-snc/platform-forms-client (integration: https://github.com/search?q=repo%3Acds-snc%2Fplatform-forms-client%20react-complex-tree&type=code).
If you are also interested in trying out react-complex-tree, the code and links to documentation is available on the github repo: https://github.com/lukasbach/react-complex-tree
It's always exciting when I see other people or organizations use my library, I've seen some very interesting and unique integrations of react-complex-tree, and am just as honored to see it being used by government services. Let me know what you think :)
-
Project mention: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts) | news.ycombinator.com | 2025-01-11
Dockview is phenomenal, and congrats to @mathuo on a great project - I've recently thoroughly tested 6-7 available libraries in this category, and dockview is certainly in the top. GH is also very active and well maintained.
The only reason I in the end went with FlexLayout (https://github.com/caplin/FlexLayout) for a recent project was lack of support for predefined/restricted dimensions, - which was since added in a very good way - and that I really liked how FL handles side panels, with vertical tabs, and their predefined behavior.
Looking very much forward to using Dockview in one of the next projects.
-
Framely
Framely: The open-source, lightweight, multi-tenant drag-and-drop website editor for modern web applications, powered by Next.js
-
-
-
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Drag and Drop discussion
TypeScript Drag and Drop related posts
-
Build a Sleek & Sortable Drag-and-Drop Kanban in React – No Hassle!
-
Top 5 Drag-and-Drop Libraries for React
-
TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
-
How to implement drag and drop in React using dnd-kit
-
Best React Libraries for Admin Panels
-
A guide to the best email editing tools
-
Vue Fluid DnD v0.7 Drag and drop across lists and more
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 22 Apr 2025
Index
What are some of the best open-source Drag and Drop projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | GrapesJS | 23,913 |
| 2 | react-dnd | 21,364 |
| 3 | dnd-kit | 14,412 |
| 4 | Konva | 12,731 |
| 5 | interact.js | 12,539 |
| 6 | pragmatic-drag-and-drop | 11,465 |
| 7 | craft.js | 7,955 |
| 8 | react-email-editor | 4,809 |
| 9 | dnd | 3,101 |
| 10 | dockview | 2,537 |
| 11 | react-sortablejs | 2,102 |
| 12 | neodrag | 1,825 |
| 13 | dflex | 1,745 |
| 14 | react-smooth-dnd | 1,716 |
| 15 | HTML5Sortable | 1,634 |
| 16 | react-movable | 1,629 |
| 17 | react-flow-chart | 1,513 |
| 18 | react-complex-tree | 1,149 |
| 19 | FlexLayout | 1,064 |
| 20 | Framely | 734 |
| 21 | vue3-dnd | 680 |
| 22 | react-sortable-pane | 650 |
| 23 | smooth-dnd | 630 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com