Drag and Drop

Open-source projects categorized as Drag and Drop
Edit details
Language: + JavaScript + TypeScript + Python
Topics: React JavaScript Drag Sortable Draggable
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com
Sponsored

Top 23 Drag and Drop Open-Source Projects

  • react-beautiful-dnd

    Beautiful and accessible drag and drop for lists with React

    • Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24

    Yeah, I hope the migration is not going to be too painful because https://github.com/atlassian/react-beautiful-dnd is a key component in one of my important project

  • sortablejs

    Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.

    • Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24

    We've been using SortableJS for years for similar functionality.

    https://sortablejs.github.io/Sortable/

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Dragula

    :ok_hand: Drag and drop so simple it hurts

  • react-dnd

    Drag and Drop for React

    • Project mention: Curious case of Drag and Drop | dev.to | 2024-01-30

    react-dnd is quite powerful but a bit complex and requires some getting used to.

  • GrapesJS

    Free and Open source Web Builder Framework. Next generation tool for building templates without coding

    • Project mention: Any FOSS to make HTML websites for self-hosting? | /r/opensource | 2023-12-07

    What I found was GrapesJS. I'd definitely recommend it: https://grapesjs.com/

  • Vue.Draggable

    Vue drag-and-drop component based on Sortable.js

  • react-grid-layout

    A draggable and resizable grid layout with responsive breakpoints, for React.

    • Project mention: Essential tools for implementing React panel layouts | dev.to | 2024-03-19

    You can find additional information about the React-Grid-Layout in the repository and documentation.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo

  • dropzone

    Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

  • draggable

    The JavaScript Drag & Drop library your grandparents warned you about.

    • Project mention: Shopify's Draggable Landing Page Is Beautiful | news.ycombinator.com | 2023-08-17

    It's an almost great library but last I checked it doesn't support nested draggables: https://github.com/Shopify/draggable/issues/129

    This led me to create my own library around SortableJS a year ago: https://github.com/MaxLeiter/sortablejs-vue3#why-not-use-oth...

  • filepond

    🌊 A flexible and fun JavaScript file upload library

    • Project mention: Can anyone suggest PHP, JavaScript File Manager tool with Crop tool integrated? | /r/PHP | 2023-05-22

    Have a look at https://pqina.nl/filepond/

  • interact.js

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

    • Project mention: Ask HN: How to build infinite grid in the browser? | news.ycombinator.com | 2023-11-17

  • dnd-kit

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

    • Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24

    dndkit seemed very promising, until I realized the state of development [0], and critical performance issues if you want to use it for larger lists (individual issues linked within [0]). So it's fine if you need to use it for simple scenarios and a smaller number of items, but otherwise, it's inadequate in current state, unfortunately...The fact that the post was in Aug 2023, perf. issues still remain and there's low activity on issues in general, doesn't bode well...

    [0] - https://github.com/clauderic/dnd-kit/issues/1194

  • flowy

    The minimal javascript library to create flowcharts ✨

  • 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: How I choose Fabric.js again | dev.to | 2023-09-03

    Based on this, I found that some of the libraries are dead and no longer have any support. Only two libraries are still alive and have significant amount of stars on GitHub and downloads on NPM. They are Fabric.js and Konva.js.

  • react-sortable-hoc

    A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️

  • muuri

    Infinite responsive, sortable, filterable and draggable layouts

  • react-dropzone

    Simple HTML5 drag-drop zone with React.js.

    • Project mention: Top 10 react packages for SaaS platforms | dev.to | 2023-11-04

    6. Simplify File Uploads with React-Dropzone

  • react-draggable

    React draggable component

  • Tkinter-Designer

    An easy and fast way to create a Python GUI 🐍

    • Project mention: Tkinter Designer: Quickly Turn Figma Design to Python Tkinter GUI | /r/patient_hackernews | 2023-06-29

  • craft.js

    🚀 A React Framework for building extensible drag and drop page editors

    • Project mention: Craft.js – A React Framework for building extensible drag and drop page editors | news.ycombinator.com | 2024-04-16

  • vue-grid-layout

    A draggable and resizable grid layout, for Vue.js.

  • VvvebJs

    Drag and drop website builder javascript library.

  • golden-layout

    A multi window layout manager for webapps

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

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

Drag and Drop related posts

Index

What are some of the best open-source Drag and Drop projects? This list will help you:

Project Stars
1 react-beautiful-dnd 32,416
2 sortablejs 28,684
3 Dragula 21,761
4 react-dnd 20,503
5 GrapesJS 20,020
6 Vue.Draggable 19,729
7 react-grid-layout 19,450
8 dropzone 17,834
9 draggable 17,494
10 filepond 14,643
11 interact.js 12,053
12 dnd-kit 11,358
13 flowy 10,962
14 Konva 10,730
15 react-sortable-hoc 10,695
16 muuri 10,677
17 react-dropzone 10,290
18 react-draggable 8,799
19 Tkinter-Designer 8,295
20 craft.js 7,070
21 vue-grid-layout 6,895
22 VvvebJs 6,603
23 golden-layout 6,147

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com