Topics / #drag-and-drop

Drag-and-drop projects on GitHub

Drag-and-drop interaction libraries for sortable lists and layout building.

As of , the most-starred Drag-and-drop projects on GitHub are Pake (62.2K stars), tldraw (51K stars) and 50projects50days (40.6K stars). GitHub.Locker tracks 49 Drag-and-drop repositories with 894K stars combined. The fastest-growing on October 17 was Filee, with +1.5K stars in a day.

49Projects
894KStars in total
+1.8KStars in a day
Browse in the catalog →github.com/topics/drag-and-drop ↗

Hot right now

Most stars gained in a day · Oct 17

+1.5K

Filee

KnifeLemon/Filee · ★ 4K

Filee is a free, open-source file converter for Windows, macOS and Linux that handles 180+ formats — images, PDF, Word, Excel, PowerPoint, HWP/HWPX, video, audio, e-books, CAD and archives — by letting you drag files onto a floating format menu, all processed locally with no upload.

+146

DeepSeek-Balance-Whale-Widget

MeteorNOX/DeepSeek-Balance-Whale-Widget · ★ 5.2K

A tiny whale mascot widget that sits in the bottom-right corner of the DSH (DeepSeek Harness) web interface, showing your DeepSeek API balance, today's spending, and a popup after every chat turn showing how much that turn cost.

+15

Pake

tw93/Pake · ★ 62.2K

Pake turns any webpage into a small, fast desktop app with a single command — ChatGPT, YouTube, Notion, whatever you use daily.

+14

drawdb

drawdb-io/drawdb · ★ 40.1K

DrawDB is a free online editor for database entity-relationship diagrams: you sketch your schema visually in the browser and turn it into SQL. No account needed.

The all-time top

49 projects · by stars

  1. #1 · tw93/Pake

    Pake

    Pake turns any webpage into a small, fast desktop app with a single command — ChatGPT, YouTube, Notion, whatever you use daily.

    62.2K
  2. #2 · tldraw/tldraw

    tldraw

    tldraw is an SDK for building infinite canvas apps in React — a feature-complete canvas engine that you can use out of the box as a whiteboard or extend with custom shapes, tools, and UI.

    51K
  3. #3 · bradtraversy/50projects50days

    50projects50days

    A collection of 51 small web projects built with HTML, CSS and vanilla JavaScript, each demonstrating a specific UI widget or effect like sliders, counters, and navigation animations.

    40.6K
  1. 4

    drawdb

    40.1Kdrawdb-io/drawdb · JavaScript

    DrawDB is a free online editor for database entity-relationship diagrams: you sketch your schema visually in the browser and turn it into SQL. No account needed.

  2. 5

    tiptap

    38.8Kueberdosis/tiptap · TypeScript

    Tiptap is a headless, framework-agnostic rich text editor framework for web apps, built on top of ProseMirror and extended through extensions.

  3. 6

    react-beautiful-dnd

    33.9Katlassian/react-beautiful-dnd · JavaScript

    A React library for building beautiful, accessible drag and drop interactions for lists, supporting vertical and horizontal lists, movement between lists, and nested lists.

  4. 7

    mantine

    31.8Kmantinedev/mantine · TypeScript

    Mantine is a fully featured React components library: @mantine/core alone ships 100+ components, and companion packages cover forms, charts, notifications, editors and more.

  5. 8

    Sortable

    31.2KSortableJS/Sortable · JavaScript

    Sortable is a standalone JavaScript library that turns ordinary lists into reorderable drag-and-drop lists, working in modern browsers and on touch devices.

  6. 9

    jQuery-File-Upload

    30.7Kblueimp/jQuery-File-Upload · PHP

    jQuery File Upload is a jQuery widget that adds multiple-file selection, drag & drop, upload progress bars, image/audio/video previews, and resumable/chunked uploads to any HTML file upload form, and it works with virtually any server-side backend.

  7. 10

    cloudreve

    28.8Kcloudreve/cloudreve · Go

    Cloudreve is a self-hosted file management and sharing system: you run it on your own server and get a personal or team cloud drive that can store files across many storage providers.

  8. 11

    grapesjs

    26.3KGrapesJS/grapesjs · TypeScript

    GrapesJS is a free and open source Web Builder Framework for building HTML templates without coding — templates you can deliver in sites, newsletters or mobile apps.

  9. 12

    dataease

    24.6Kdataease/dataease · Java

    DataEase is an open-source BI (business intelligence) tool for quickly analyzing data and spotting business trends: you connect data sources, build charts by drag-and-drop and share the results. It is positioned as an open alternative to Tableau.

  10. 13

    react-grid-layout

    22.5Kreact-grid-layout/react-grid-layout · TypeScript

    React-Grid-Layout is a draggable and resizable grid layout system for React, similar to Packery or Gridster but with responsive breakpoints built in.

  11. 14

    dragula

    22.1Kbevacqua/dragula · JavaScript

    Dragula is a vanilla JavaScript drag-and-drop library: you hand it container elements, and users can drag items between them to reorder or move them, with a shadow preview and almost no configuration.

  12. 15

    react-dnd

    21.6Kreact-dnd/react-dnd · TypeScript

    React DnD is a library for building drag-and-drop interfaces in React web apps. The repo sums itself up in one line: 'Drag and Drop for React'.

  13. 16

    fullcalendar

    20.7Kfullcalendar/fullcalendar · TypeScript

    FullCalendar is a full-sized drag & drop event calendar for the web, written in JavaScript and TypeScript. You embed it in your own site or web app to display and manage events.

  14. 17

    Vue.Draggable

    20.6KSortableJS/Vue.Draggable · JavaScript

    A Vue component that adds drag-and-drop to your lists and keeps the view-model array in sync — it wraps Sortable.js and supports all of its features. For Vue 1.0 it works as a directive instead.

  15. 18

    voyager

    20.4Kvoyager-crew/voyager · TypeScript

    Voyager is a free, open-source browser extension that enhances AI chat sites — Gemini, Google AI Studio, Claude, ChatGPT and DeepSeek — with folders, timelines, export and other tweaks, plus a prompt manager that works on any website.

  16. 19

    draggable

    18.5KShopify/draggable · JavaScript

    Draggable is an open-source JavaScript drag & drop library from Shopify. It abstracts native browser events into a comprehensive API so you can build fully custom drag-and-drop experiences in the browser.

  17. 20

    dropzone

    18.4Kenyo/dropzone · JavaScript

    Dropzone is a JavaScript library that turns any HTML element into a dropzone: users drag files onto it, and it shows previews and progress bars while handling the upload via XHR.

  18. 21

    iTerm2

    18.2Kgnachman/iTerm2 · Swift

    iTerm2 is a terminal emulator for macOS that replaces Apple's Terminal.app with advanced features like tmux integration, deep shell awareness, inline images, and a built-in AI chat window.

  19. 22

    dnd-kit

    17.7Kclauderic/dnd-kit · TypeScript

    dnd-kit is a modern toolkit for building drag and drop interfaces, designed to be lightweight, performant, accessible and extensible.

  20. 23

    filepond

    16.4Kpqina/filepond · JavaScript

    FilePond is a JavaScript file upload library that handles drag-and-drop, file selection, and async uploads while automatically optimizing images (resize, crop, filter, EXIF fix) for a smooth, accessible upload experience.

  21. 24

    iview-admin

    16.3Kiview/iview-admin · Vue

    iView Admin is a front-end admin management system template built with Vue.js 2.0 and the iView UI toolkit, giving you a ready-made login, permissions, routing, and layout structure to build a management dashboard on top of.

  22. 25

    konva

    14.9Kkonvajs/konva · TypeScript

    Konva.js is an open-source 2D canvas framework for the web, used to build interactive graphics: design editors, whiteboards, diagrams, annotations and maps.

  23. 26

    puck

    13.5Kpuckeditor/puck · TypeScript

    Puck is a modular, open-source visual editor for React.js that lets you build custom drag-and-drop editing experiences using your own React components.

  24. 27

    AriaNg

    13.2Kmayswind/AriaNg · JavaScript

    AriaNg is a modern web frontend for aria2, the command-line download utility, making it easier to control via a browser-based UI.

  25. 28

    interact.js

    12.9Ktaye/interact.js · TypeScript

    interact.js is a JavaScript library that adds drag and drop, resizing, and multi-touch gesture support to web elements, with built-in inertia and snapping effects.

  26. 29

    pragmatic-drag-and-drop

    12.8Katlassian/pragmatic-drag-and-drop · TypeScript

    Pragmatic drag and drop is a low-level drag and drop toolchain built on top of the browser's native drag and drop API, used to power drag and drop in Trello, Jira, and Confluence.

  27. 30

    tui.calendar

    12.7Knhn/tui.calendar · TypeScript

    TOAST UI Calendar is a full-featured JavaScript calendar component that renders monthly, weekly, and daily views with drag-and-drop scheduling, provided as a plain JS library plus official React and Vue wrapper components.

  28. 31

    d2-admin

    12.6Kd2-projects/d2-admin · JavaScript

    D2Admin is a free, open-source Vue front-end template for building enterprise admin dashboards and back-office systems, built with a modern front-end stack and a very small initial JS bundle.

  29. 32

    illa-builder

    12.3Killacloud/illa-builder · TypeScript

    ILLA Builder is an open source low-code platform for building internal tools like dashboards, CRUD apps, admin panels, CRMs, and CMSs. It is positioned as an open source alternative to Retool.

  30. 33

    flowy

    12.1Kalyssaxuu/flowy · JavaScript

    Flowy is a minimal JavaScript library for building flowcharts in web apps: users drag blocks onto a canvas, snap them together, and rearrange them.

  31. 34

    vditor

    11.4KVanessa219/vditor · TypeScript

    Vditor is a browser-based Markdown editor that supports WYSIWYG (rich text), Instant Rendering (Typora-like), and Split View preview modes.

  32. 35

    react-dropzone

    11Kreact-dropzone/react-dropzone · TypeScript

    react-dropzone is a React hook that turns any element into an HTML5-compliant drag-and-drop zone for files, handling the browser drag events and file selection for you.

  33. 36

    muuri

    10.9Khaltu/muuri · JavaScript

    Muuri is a JavaScript layout engine for building responsive grid layouts that can be sorted, filtered, dragged, and animated. It combines the capabilities of Packery, Masonry, Isotope, and Sortable into one library.

  34. 37

    react-sortable-hoc

    10.9Kclauderic/react-sortable-hoc · JavaScript

    A set of higher-order components (HOCs) for React that turn any list into an animated, accessible, touch-friendly sortable list — horizontal, vertical or grid layouts.

  35. 38

    moveable

    10.8Kdaybrush/moveable · TypeScript

    Moveable is a JavaScript/TypeScript library for making DOM and SVG elements draggable, resizable, scalable, rotatable, warpable, pinchable, groupable, and snappable, with ready-made components for React, Vue, Vue 3, Angular, Svelte, Lit, and Preact.

  36. 39

    vlayout

    10.7Kalibaba/vlayout · Java

    Vlayout is a powerful LayoutManager extension for Android's RecyclerView: it provides a group of layouts so a single RecyclerView can mix grid, list and other layouts in one scrollable page.

  37. 40

    BlockNote

    10.3KTypeCellOS/BlockNote · TypeScript

    BlockNote is an open source block-based rich text editor for React with a Notion-style editing experience, built on top of ProseMirror and Tiptap. You embed it in your own app.

  38. 41

    Tkinter-Designer

    10.3KParthJadhav/Tkinter-Designer · Python

    Tkinter Designer is a tool that turns Figma designs into working Python Tkinter GUIs: it reads your design file through the Figma API and generates all the code and images the GUI needs.

  39. 42

    cc-wf-studio

    5.4Kbreaking-brake/cc-wf-studio · TypeScript

    CC Workflow Studio is a VSCode extension for visually designing AI agent workflows on a drag-and-drop canvas, then exporting them as Markdown that coding agents like Claude Code, GitHub Copilot, and Codex CLI can run directly.

  40. 43

    DeepSeek-Balance-Whale-Widget

    5.2KMeteorNOX/DeepSeek-Balance-Whale-Widget · JavaScript

    A tiny whale mascot widget that sits in the bottom-right corner of the DSH (DeepSeek Harness) web interface, showing your DeepSeek API balance, today's spending, and a popup after every chat turn showing how much that turn cost.

  41. 44

    Filee

    4KKnifeLemon/Filee · C#

    Filee is a free, open-source file converter for Windows, macOS and Linux that handles 180+ formats — images, PDF, Word, Excel, PowerPoint, HWP/HWPX, video, audio, e-books, CAD and archives — by letting you drag files onto a floating format menu, all processed locally with no upload.

  42. 45

    tinyjsapp

    1.1Ktarwin/tinyjsapp · C

    tinyjs lets you build native desktop apps in plain JavaScript for both the backend and frontend, shipping as a tiny ~6MB app with no Electron, Node, or bundled Chromium — the backend runs on txiki.js and the frontend renders through the system's native WebKit.

  43. 46

    smythos-studio

    649SmythOS/smythos-studio · TypeScript

    SmythOS Studio is an open-source visual builder for creating and deploying AI agents, where you drag and drop components to assemble agent workflows instead of writing code from scratch.

  44. 47

    1-Click-DLSS5

    312reiluisii/1-Click-DLSS5 · HLSL

    1-Click DLSS 5 is an open-source Windows GUI tool that injects NVIDIA's DLSS 5 neural rendering (DLSS-NR, Ray Reconstruction, and synthetic DLAA) into almost any PC game, even titles that never shipped with DLSS support.

  45. 48

    offerflow

    246Xiangyahaian/offerflow · CSS

    OfferFlow is a local-first tracker for internship and campus job applications — it also connects to your inbox and uses AI to turn job emails into application records.

  46. 49

    OpenYoink

    231MuQY1818/OpenYoink · Swift

    OpenYoink is a free, open-source macOS utility that lets you drag files, images, text, and links onto a temporary shelf at the screen edge or into the Mac's Dynamic Island, then drag them out again once you've switched to the target window. It's built with SwiftUI + AppKit and lives in the menu bar without a Dock icon.

Often tagged together