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.
-
dnd
π Beautiful and accessible drag and drop for lists with React. βοΈ Star to support our work!
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.
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 |