TypeScript Drag and Drop

Open-source TypeScript projects categorized as Drag and Drop

Top 23 TypeScript Drag and Drop Projects

Drag and Drop
  1. 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-08

    Website: https://grapesjs.com/

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

    Civic Auth logo
  3. react-dnd

    Drag and Drop for React

    Project mention: 10 Must-Try React Libraries for 2025 πŸš€ | dev.to | 2025-02-19

    πŸ”— https://react-dnd.github.io/react-dnd/

  4. dnd-kit

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

    Project mention: Top 5 Drag-and-Drop Libraries for React | dev.to | 2025-02-20

    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.

  5. 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-19

    Konva 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

  6. interact.js

    JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)

  7. pragmatic-drag-and-drop

    Fast drag and drop for any experience on any tech stack

    Project mention: Designed for Delight, Built for Performance | news.ycombinator.com | 2024-06-17

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

  8. craft.js

    πŸš€ A React Framework for building extensible drag and drop page editors

  9. InfluxDB

    InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.

    InfluxDB logo
  10. react-email-editor

    Drag-n-Drop Email Editor Component for React.js

    Project mention: A guide to the best email editing tools | dev.to | 2024-10-31

    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.

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

  12. dockview

    Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.

    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

  13. react-sortablejs

    React bindings for SortableJS

  14. neodrag

    One Draggable to rule them all πŸ’

  15. dflex

    The sophisticated Drag and Drop library you've been waiting for πŸ₯³

  16. react-smooth-dnd

    react wrapper components for smooth-dnd

  17. HTML5Sortable

    VanillaJS sortable lists and grids using native HTML5 drag and drop API.

  18. react-movable

    πŸ”€ Drag and drop for your React lists and tables. Accessible. Tiny.

  19. react-flow-chart

    🌊 A flexible, stateless, declarative flow chart library for react.

  20. react-complex-tree

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

    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 :)

  21. FlexLayout

    Docking Layout Manager for React (by caplin)

    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.

  22. Framely

    Framely: The open-source, lightweight, multi-tenant drag-and-drop website editor for modern web applications, powered by Next.js

    Project mention: Open-Source NextJS Website Builder | news.ycombinator.com | 2025-02-26
  23. vue3-dnd

    React Dnd implementation in Vue Composition-api.

  24. react-sortable-pane

    :sparkles: A sortable and resizable pane component for React.

  25. smooth-dnd

    drag and drop library for javascript

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

    CodeRabbit 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 Drag and Drop discussion

Log in or Post with

TypeScript Drag and Drop related posts

  • Build a Sleek & Sortable Drag-and-Drop Kanban in React – No Hassle!

    1 project | dev.to | 17 Mar 2025
  • Top 5 Drag-and-Drop Libraries for React

    6 projects | dev.to | 20 Feb 2025
  • TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)

    6 projects | news.ycombinator.com | 11 Jan 2025
  • How to implement drag and drop in React using dnd-kit

    1 project | dev.to | 27 Nov 2024
  • Best React Libraries for Admin Panels

    2 projects | dev.to | 9 Nov 2024
  • A guide to the best email editing tools

    5 projects | dev.to | 31 Oct 2024
  • Vue Fluid DnD v0.7 Drag and drop across lists and more

    1 project | dev.to | 23 Aug 2024
  • A note from our sponsor - CodeRabbit
    coderabbit.ai | 22 Apr 2025
    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 β†’

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

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