Top 23 JavaScript Drag and Drop Projects

• react-beautiful-dnd

  71 32,574 5.7 JavaScript

  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

  26 28,892 5.7 JavaScript

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

  

Project mention: How to create a drag and drop with Tailwind CSS and JavaScript | dev.to | 2024-05-23

Sortable.js

• SurveyJS

  surveyjs.io featured

  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.

  

• Dragula

  8 21,761 0.0 JavaScript

  :ok_hand: Drag and drop so simple it hurts

• Vue.Draggable

  11 19,807 0.0 JavaScript

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

  

• react-grid-layout

  19 19,628 6.7 JavaScript

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

  

Project mention: How to Build Progressive Web Apps in 2024? A Step-byStep Guide | dev.to | 2024-05-03

Flexbox and Grid Layout: Leverage CSS features like flexbox and grid layout to create responsive layouts that adapt to different screen sizes

• dropzone

  11 17,888 0.0 JavaScript

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

  

• draggable

  13 17,666 7.8 JavaScript

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

• InfluxDB

  www.influxdata.com featured

  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.

  

• filepond

  15 14,711 7.1 JavaScript

  🌊 A flexible and fun JavaScript file upload library

  

Project mention: Frontend resources! 🚀 | dev.to | 2024-05-25

FilePond: Simplify file uploads with FilePond

• flowy

  6 10,962 0.0 JavaScript

  The minimal javascript library to create flowcharts ✨

• react-sortable-hoc

  7 10,712 0.0 JavaScript

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

• muuri

  2 10,711 0.0 JavaScript

  Infinite responsive, sortable, filterable and draggable layouts

  

• react-dropzone

  25 10,362 0.0 JavaScript

  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

  7 8,841 3.3 JavaScript

  React draggable component

  

• vue-grid-layout

  3 6,935 1.0 JavaScript

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

  

• VvvebJs

  2 6,756 8.1 JavaScript

  Drag and drop page builder library written in vanilla javascript without dependencies or build tools.

• golden-layout

  6 6,180 0.0 JavaScript

  A multi window layout manager for webapps

  

• react-sortable-tree

  1 4,856 1.5 JavaScript

  Drag-and-drop sortable component for nested data and hierarchies

  

• fancytree

  3 2,794 3.3 JavaScript

  JavaScript tree view / tree grid plugin with support for keyboard, inline editing, filtering, checkboxes, drag'n'drop, and lazy loading

Project mention: Fancytree – a JavaScript tree view / tree grid plugin | news.ycombinator.com | 2023-08-19

• vue-smooth-dnd

  4 1,703 2.5 JavaScript

  Vue wrapper components for smooth-dnd

• react-uploady

  5 1,054 8.8 JavaScript

  Modern file uploading - components & hooks for React

  

• react-dragula

  1 989 0.0 JavaScript

  :ok_hand: Drag and drop so simple it hurts

• react-native-drag-sort

  3 694 0.0 JavaScript

  🔥🔥🔥Drag and drop sort control for react-native

• rc-dock

  3 633 4.1 JavaScript

  Dock Layout for React Component

  

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

JavaScript Drag and Drop related posts

• A feature-rich front-end drag-and-drop component library

  10 projects | news.ycombinator.com | 24 Apr 2024

• Use React.js with Laravel. Build a Tasklist app

  3 projects | dev.to | 4 Apr 2024

• The 5 Most Important Features on phived.com

  3 projects | dev.to | 23 Feb 2024

• Top 10 react packages for SaaS platforms

  3 projects | dev.to | 4 Nov 2023

• How can we create drag and drop like bento.me in react js ?

  1 project | /r/Frontend | 10 Oct 2023

• Free tools for frontend

  1 project | dev.to | 1 Oct 2023

• Uploading Images in React

  1 project | dev.to | 30 Sep 2023
• A note from our sponsor - SaaSHub
  www.saashub.com | 1 Jun 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending JavaScript projects with our weekly report!