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. Learn more β
Top 23 Drag and Drop Open-Source Projects
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
-
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.
-
GrapesJS
Free and Open source Web Builder Framework. Next generation tool for building templates without coding
-
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.
-
dropzone
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
-
interact.js
JavaScript drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE9+)
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
-
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable listβοΈ
-
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.
Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24Yeah, 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
Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24We've been using SortableJS for years for similar functionality.
https://sortablejs.github.io/Sortable/
react-dnd is quite powerful but a bit complex and requires some getting used to.
What I found was GrapesJS. I'd definitely recommend it: https://grapesjs.com/
You can find additional information about the React-Grid-Layout in the repository and documentation.
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...
Project mention: Can anyone suggest PHP, JavaScript File Manager tool with Crop tool integrated? | /r/PHP | 2023-05-22Have a look at https://pqina.nl/filepond/
Project mention: Ask HN: How to build infinite grid in the browser? | news.ycombinator.com | 2023-11-17
Project mention: A feature-rich front-end drag-and-drop component library | news.ycombinator.com | 2024-04-24dndkit 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
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.
6. Simplify File Uploads with React-Dropzone
Project mention: Tkinter Designer: Quickly Turn Figma Design to Python Tkinter GUI | /r/patient_hackernews | 2023-06-29
Project mention: Craft.js β A React Framework for building extensible drag and drop page editors | news.ycombinator.com | 2024-04-16
Drag and Drop related posts
- A feature-rich front-end drag-and-drop component library
- Introducing Planner: A Fresh Take on React Scheduling Components
- Pragmatic Drag and Drop
- Craft.js β A React Framework for building extensible drag and drop page editors
-
vue-fluid-dnd VS drag-and-drop - a user suggested alternative
2 projects | 7 Apr 2024
- Use React.js with Laravel. Build a Tasklist app
- Pragmatic drag and drop: A fast and flexible drag and drop framework for the web
-
A note from our sponsor - InfluxDB
www.influxdata.com | 26 Apr 2024
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