react-beautiful-dnd vs svelte-dnd-action

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

WorkOS - The modern identity platform for B2B SaaS

InfluxDB - Power Real-Time Data Analytics at Scale

Our great sponsors

react-beautiful-dnd		svelte-dnd-action
	Project
69	Mentions	11
32,363	Stars	1,594
1.1%	Growth	-
0.6	Activity	7.4
1 day ago	Latest Commit	8 days ago
JavaScript	Language	JavaScript
GNU General Public License v3.0 or later	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-beautiful-dnd

Posts with mentions or reviews of react-beautiful-dnd. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-04-04.

Use React.js with Laravel. Build a Tasklist app
3 projects | dev.to | 4 Apr 2024

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.
The 5 Most Important Features on phived.com
3 projects | dev.to | 23 Feb 2024

A huge win for the user experience using react-beautiful-dnd.
Curious case of Drag and Drop
3 projects | dev.to | 30 Jan 2024

react-beautiful-dnd stands out as the most commonly used, it provides a clean and high-level API with a lot of abstraction. It was developed by Atlassian.
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

Drag-and-drop library for React with beautiful animations. Website - GitHub
Is there a react library that allows you to do this? I made the one in the video but I dont know if it's any good
1 project | /r/webdev | 4 Jul 2023

This library is very cool and pretty simple to use : https://github.com/atlassian/react-beautiful-dnd
I made a website builder that works like Notion
1 project | /r/webdev | 20 May 2023

Not sure if OP used these but here are few suggestions: For drag drop: https://www.npmjs.com/package/react-beautiful-dnd For resizing with handles: https://www.npmjs.com/package/react-resizable
Trying to create drag and drop functionality with React from plain JS code
2 projects | /r/reactjs | 14 Apr 2023

https://github.com/react-dnd/react-dnd https://github.com/atlassian/react-beautiful-dnd
How do you implement drag-select using React-DnD?
2 projects | /r/reactjs | 9 Apr 2023

You can try react-beautiful-dnd, it's amazingly simple, I actually switched from react-dnd a couple months ago to react-beautiful-dnd, and it was easy af.
How to Drag and Drop in React
2 projects | /r/reactjs | 14 Mar 2023

Building a good D&D library, especially one that is accessible, is difficult. Keep that in mind if you decide to roll your own D&D or any other UI component for that matter.

svelte-dnd-action

Posts with mentions or reviews of svelte-dnd-action. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-02-27.

What are some complex UI patterns you want to see implemented with Svelte?
3 projects | /r/sveltejs | 27 Feb 2023

Interestingly, that's something I'm building currently. Not headless, it's for a company. But I've had some luck with https://github.com/isaacHagoel/svelte-dnd-action in a CSS Grid container.
DaisyUI mouse drag and resize of container
1 project | /r/sveltejs | 5 Dec 2022
Launcher: an open-source app launcher powered by Sveltekit, Prisma, and Tailwind
1 project | /r/sveltejs | 24 Feb 2022
Frameworks for creating a static web-page?
19 projects | /r/webdev | 21 Dec 2021

Just to indirectly tack onto the other reply, you mentioned drag n drop. Here’s one for Svelte. There’s a lot of options for almost anything you’d want. But in reality, most standard things are so easy to do you don’t need a library. In general, with Svelte you tend to not have to reach for NPM, but if you really either want to use a library or you end up needing one, there’s plenty of svelte specific options as well as the endless vanilla js libraries
Electron Adventures: Episode 87: Svelte Drag and Drop Chess Board
1 project | dev.to | 6 Nov 2021

Browsers supported drag and drog for very long time, but it's fairly boilerplate-heavy code. So before we write our own, let's see how Svelte ecosystem looks like, and give svelte-dnd-action a try.
share a Svelte library
8 projects | /r/sveltejs | 20 Feb 2021

github.com/isaacHagoel/svelte-dnd-action
Show HN: A cool Drag-and-Drop implementation for Svelte
1 project | /r/patient_hackernews | 12 Jan 2021

1 project | /r/hackernews | 12 Jan 2021

7 projects | news.ycombinator.com | 11 Jan 2021

It will be looked at: https://github.com/isaacHagoel/svelte-dnd-action/issues/216

What are some alternatives?

When comparing react-beautiful-dnd and svelte-dnd-action you can also consider the following projects:

react-dnd - Drag and Drop for React

dnd-kit - The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

svelte-grid - A responsive, draggable and resizable grid layout, for Svelte.

react-dropzone - Simple HTML5 drag-drop zone with React.js.

draggable - The JavaScript Drag & Drop library your grandparents warned you about.

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

dflex - The sophisticated Drag and Drop library you've been waiting for 🥳

nested-dnd - Proof of concept for doing a nested drag and drop in React

Scully - The Static Site Generator for Angular apps

react-draggable - React draggable component

vime - Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion...