The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript Drag and Drop 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.
-
-
-
dropzone
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
-
-
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.
-
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
-
-
-
-
-
-
fancytree
JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
-
-
-
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.
For this full-stack single-page app, you'll use Vite.js as your frontend build tool and the react-beautiful-dnd package for draggable items.
Well, it worked. But only for one case: dragging stuff within only one column. You see, stimulus-sortable uses SortableJS under the hood, which is powerful.
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/
6. Simplify File Uploads with React-Dropzone
Project mention: Fancytree – a JavaScript tree view / tree grid plugin | news.ycombinator.com | 2023-08-19
Project mention: [Vue Js] Comment avoir un conteneur vide avec Vue-Sooth-DND? | /r/enfrancais | 2023-05-07
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).
The latest post mention was on 2024-04-04.
JavaScript Drag and Drop related posts
- Use React.js with Laravel. Build a Tasklist app
- The 5 Most Important Features on phived.com
- Top 10 react packages for SaaS platforms
- How can we create drag and drop like bento.me in react js ?
- Free tools for frontend
- Uploading Images in React
- Shopify's Draggable Landing Page Is Beautiful
-
A note from our sponsor - WorkOS
workos.com | 19 Apr 2024
Index
What are some of the best open-source Drag and Drop projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | react-beautiful-dnd | 32,363 |
| 2 | sortablejs | 28,610 |
| 3 | Dragula | 21,761 |
| 4 | Vue.Draggable | 19,710 |
| 5 | react-grid-layout | 19,413 |
| 6 | dropzone | 17,829 |
| 7 | draggable | 17,471 |
| 8 | filepond | 14,617 |
| 9 | flowy | 10,962 |
| 10 | react-sortable-hoc | 10,693 |
| 11 | muuri | 10,676 |
| 12 | react-dropzone | 10,279 |
| 13 | react-draggable | 8,789 |
| 14 | vue-grid-layout | 6,888 |
| 15 | VvvebJs | 6,583 |
| 16 | golden-layout | 6,140 |
| 17 | react-sortable-tree | 4,855 |
| 18 | fancytree | 2,788 |
| 19 | vue-smooth-dnd | 1,686 |
| 20 | react-uploady | 1,026 |
| 21 | react-dragula | 989 |
| 22 | react-native-drag-sort | 688 |
| 23 | rc-dock | 623 |
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.
www.influxdata.com