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. 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.
-
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.
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
VvvebJs
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
-
fancytree
JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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/
Project mention: How to Build Progressive Web Apps in 2024? A Step-byStep Guide | dev.to | 2024-05-03Flexbox and Grid Layout: Leverage CSS features like flexbox and grid layout to create responsive layouts that adapt to different screen sizes
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
JavaScript Drag and Drop related posts
-
A feature-rich front-end drag-and-drop component library
-
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
-
A note from our sponsor - SurveyJS
surveyjs.io | 16 May 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,515 |
2 | sortablejs | 28,831 |
3 | Dragula | 21,761 |
4 | Vue.Draggable | 19,784 |
5 | react-grid-layout | 19,560 |
6 | dropzone | 17,861 |
7 | draggable | 17,608 |
8 | filepond | 14,687 |
9 | flowy | 10,962 |
10 | react-sortable-hoc | 10,707 |
11 | muuri | 10,695 |
12 | react-dropzone | 10,330 |
13 | react-draggable | 8,812 |
14 | vue-grid-layout | 6,924 |
15 | VvvebJs | 6,691 |
16 | golden-layout | 6,165 |
17 | react-sortable-tree | 4,856 |
18 | fancytree | 2,792 |
19 | vue-smooth-dnd | 1,701 |
20 | react-uploady | 1,042 |
21 | react-dragula | 989 |
22 | react-native-drag-sort | 691 |
23 | rc-dock | 629 |
Sponsored