TypeScript Draggable

Open-source TypeScript projects categorized as Draggable

Top 19 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. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS 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. react-sortablejs

    React bindings for SortableJS

  6. neodrag

    One Draggable to rule them all 💍

  7. dflex

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

  8. react-smooth-dnd

    react wrapper components for smooth-dnd

  9. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream 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🚘

    Project mention: Vue Fluid DnD v0.7 Drag and drop across lists and more | dev.to | 2024-08-23

    Thanks for the feedback of the community specially from github and reddit. We're manage to solve compatibility issues with other browsers and the touch view.

  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. u-tube

    YouTube Mobile UI with Draggable Sheet

  22. 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
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 - Stream
    getstream.io | 11 Jul 2025
    Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure. 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,152
2 moveable 10,383
3 react-resizable-and-movable 4,160
4 react-sortablejs 2,118
5 neodrag 2,232
6 dflex 1,751
7 react-smooth-dnd 1,721
8 react-complex-tree 1,234
9 react-range 877
10 vue3-dnd 694
11 smooth-dnd 637
12 vue-draggable-next 529
13 angular-grid-layout 489
14 vue-fluid-dnd 439
15 react-web-editor 268
16 react-native-drag-text-editor 260
17 react-nestable 217
18 vue-dnd-kit 81
19 u-tube 0

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io

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