TypeScript Draggable

Open-source TypeScript projects categorized as Draggable

Top 20 TypeScript Draggable Projects

  1. dnd-kit

    The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

    Project mention: Using Dnd-Kit Basics | dev.to | 2025-05-31

    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.

  2. 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.

    InfluxDB logo
  3. moveable

    Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!

  4. react-resizable-and-movable

    🖱 A resizable and draggable component for React.

  5. neodrag

    One Draggable to rule them all 💍

  6. react-sortablejs

    React bindings for SortableJS

  7. dflex

    The sophisticated Drag and Drop library you've been waiting for 🥳

  8. react-smooth-dnd

    react wrapper components for smooth-dnd

  9. 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!

    Sevalla logo
  10. react-complex-tree

    Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop

  11. react-range

    🎚️Range input with a slider. Accessible. Bring your own styles and markup.

  12. vue3-dnd

    React Dnd implementation in Vue Composition-api.

  13. smooth-dnd

    drag and drop library for javascript

  14. vue-draggable-next

    Vue 3 drag-and-drop component

  15. angular-grid-layout

    Responsive grid with draggable and resizable items for Angular applications.

  16. vue-fluid-dnd

    A drag and drop🤜🫳library for Vue🌿, React⚛️ and Svelte🚘

  17. react-web-editor

    The react-web-editor is a WYSIWYG editor library. you can resize and drag your component. It also has simple rich text editor

  18. react-native-drag-text-editor

    📝 60FPS dynamic text editor powered with Reanimated

  19. react-nestable

    Drag & drop hierarchical list made as a react component

  20. vue-dnd-kit

    🎯 Modern drag & drop solution for Vue 3 applications. Simple API, powerful features, zero dependencies.

    Project mention: Introducing Vue DnD Kit: A New Library for Creating Drag and Drop Interfaces in Vue 3 | dev.to | 2025-05-07

    Repository: github.com/zizigy/vue-dnd-kit

  21. resize-bounding

    Highly customizable Vue3/React component for resizing nested content

    Project mention: Resize Bounding: Making Vue3 Components Truly Resizable ✨ | dev.to | 2025-08-18

    💡 See it in action: GitHub Repo

  22. u-tube

    YouTube Mobile UI with Draggable Sheet

  23. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 Draggable discussion

Log in or Post with

TypeScript Draggable related posts

  • Using Dnd-Kit Basics

    2 projects | dev.to | 31 May 2025
  • How to implement drag and drop in React using dnd-kit

    1 project | dev.to | 27 Nov 2024
  • Introducing DFlex - A Modern Javascript Drag and Drop Library

    2 projects | dev.to | 10 Nov 2023
  • Show HN: An open source visual editor for React

    17 projects | news.ycombinator.com | 5 Sep 2023
  • Show HN: Removing esbuild reduces bundle size by 30%

    1 project | news.ycombinator.com | 15 Jun 2023
  • 🎲 Dice Merge - ReactJS

    1 project | dev.to | 9 Jun 2023
  • Technology behind figma/godaddy/google site

    1 project | /r/learnprogramming | 29 May 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 1 Sep 2025
    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. Learn more →

Index

What are some of the best open-source Draggable projects in TypeScript? This list will help you:

# Project Stars
1 dnd-kit 15,592
2 moveable 10,508
3 react-resizable-and-movable 4,196
4 neodrag 2,335
5 react-sortablejs 2,118
6 dflex 1,751
7 react-smooth-dnd 1,721
8 react-complex-tree 1,259
9 react-range 878
10 vue3-dnd 700
11 smooth-dnd 642
12 vue-draggable-next 535
13 angular-grid-layout 493
14 vue-fluid-dnd 464
15 react-web-editor 268
16 react-native-drag-text-editor 260
17 react-nestable 217
18 vue-dnd-kit 109
19 resize-bounding 6
20 u-tube 0

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

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?