Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more! Learn more →
Top 19 TypeScript Drag Projects
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
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.
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
use-gesture
👇Bread n butter utility for component-tied mouse/touch gestures in React and Vanilla Javascript.
-
-
splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
Check out Splide.js
-
-
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
-
Sevalla
Deploy and host your apps and databases, now with $50 credit! Sevalla is the PaaS you have been looking for! Advanced deployment pipelines, usage-based pricing, preview apps, templates, human support by developers, and much more!
-
-
-
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.
-
-
-
react-indiana-drag-scroll
React component which implements scrolling via holding the mouse button or touch
-
react-drag-drop-files
Light and simple Reactjs drag and drop files library to use with very flexible options to change, so you put whatever the design you want for your drop-area. Users can drag and drop or even select the file anywhere in the window.
-
-
-
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 discussion
TypeScript Drag 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)
-
Does anyone know of any new, maintained Drag-n-Drop solutions for vue3?
-
Curious case of Drag and Drop
-
Janky drag & drop animation using hello-pangea/dnd package (app dir)
-
Show HN: An open source visual editor for React
-
A note from our sponsor - Sevalla
sevalla.com | 1 Sep 2025
Index
What are some of the best open-source Drag projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | dnd-kit | 15,592 |
| 2 | use-gesture | 9,399 |
| 3 | react-diagrams | 9,017 |
| 4 | splide | 5,131 |
| 5 | react-resizable-and-movable | 4,196 |
| 6 | dnd | 3,494 |
| 7 | dockview | 2,720 |
| 8 | react-smooth-dnd | 1,721 |
| 9 | HTML5Sortable | 1,636 |
| 10 | FlexLayout | 1,151 |
| 11 | vue3-dnd | 700 |
| 12 | smooth-dnd | 642 |
| 13 | react-indiana-drag-scroll | 524 |
| 14 | react-drag-drop-files | 267 |
| 15 | react-native-drag-text-editor | 260 |
| 16 | angular-skyhook | 164 |
| 17 | egjs-conveyer | 120 |
| 18 | svelte-gesture | 36 |
| 19 | fibr | 12 |
Sponsored
InfluxDB – Built for High-Performance Time Series Workloads
InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
www.influxdata.com