SaaSHub helps you find the best software and product alternatives Learn more →
Top 23 JavaScript Drag and Drop Projects
-
hello-pangea/dnd is a fork of react-beautiful-dnd, the legendary DnD library originally developed by Atlassian. It was designed specifically for list-based drag-and-drop interactions, prioritizing accessibility and smooth animations in kanban style UIs, like Trello.
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
sortablejs
Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required.
We can also pass all the options for SortableJS as the second parameter. See SortableJS Docs.
-
-
React-Grid-Layout is a user-friendly yet powerful library. My development experience with this library has been excellent. Its GitHub repository provides comprehensive documentation and live demos, making it highly recommended for developers to have a try.
-
-
dropzone
Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
-
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
FilePond: Simplify file uploads with FilePond
-
-
-
react-sortable-hoc
A set of higher-order components to turn any list into an animated, accessible and touch-friendly sortable list✌️
-
Project mention: Comparison of S3 upload feature between Documenso and aws-s3-image-upload example | dev.to | 2024-12-16
-
h5-Dooring
H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.
Github address: https://github.com/MrXujiang/h5-Dooring
-
-
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
-
Silex
Silex is an online tool for visually creating static sites with dynamic data. With the free/libre spirit of internet, together. (by silexlabs)
URL: https://www.silex.me What it does: A code-free builder for creating static websites. Why it's great: Quickly create websites without diving into code.
-
-
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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).
JavaScript Drag and Drop discussion
JavaScript Drag and Drop related posts
-
Getting Started with React-Grid-Layout
-
🚀 Top React Libraries for Project Management Apps You Need to Know
-
Comparison of S3 upload feature between Documenso and aws-s3-image-upload example
-
I made Webflow but for Python UI. Here's how I built it
-
Uploading Images to AWS S3 with Next.js and React Dropzone — A Complete Guide
-
Developed an image compression site to fight pandas.
-
Designed for Delight, Built for Performance
-
A note from our sponsor - SaaSHub
www.saashub.com | 23 May 2025
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 | 33,895 |
| 2 | sortablejs | 30,389 |
| 3 | Dragula | 22,180 |
| 4 | react-grid-layout | 21,219 |
| 5 | Vue.Draggable | 20,312 |
| 6 | dropzone | 18,272 |
| 7 | draggable | 18,241 |
| 8 | filepond | 15,555 |
| 9 | flowy | 11,694 |
| 10 | muuri | 10,875 |
| 11 | react-sortable-hoc | 10,855 |
| 12 | react-dropzone | 10,793 |
| 13 | h5-Dooring | 9,715 |
| 14 | react-draggable | 9,174 |
| 15 | VvvebJs | 7,665 |
| 16 | vue-grid-layout | 7,276 |
| 17 | golden-layout | 6,436 |
| 18 | react-sortable-tree | 4,952 |
| 19 | fancytree | 2,900 |
| 20 | Silex | 2,530 |
| 21 | vue-smooth-dnd | 1,770 |
| 22 | react-uploady | 1,171 |
| 23 | react-dragula | 996 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io