draggable vs svelte-dnd-action

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.

surveyjs.io

featured

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.

www.influxdata.com

featured

draggable		svelte-dnd-action
	Project
13	Mentions	11
17,536	Stars	1,634
1.0%	Growth	-
7.8	Activity	7.4
7 days ago	Latest Commit	8 days ago
JavaScript	Language	JavaScript
MIT License	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.

draggable

Posts with mentions or reviews of draggable. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-08-17.

Shopify's Draggable Landing Page Is Beautiful
3 projects | news.ycombinator.com | 17 Aug 2023

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...
Ruby on Rails #119 Trello Clone. Advanced Drag and Drop Sortable Lists with Hotwire
2 projects | /r/rails | 22 Mar 2023

Last time I did this a few years ago with jquery-ui-sortable: https://blog.corsego.com/ruby-on-rails-sexy-basic-trello-clone. I haven't tried doing this with any other modern drag-and-drop libraries, but I think my next go-to would be https://shopify.github.io/draggable/
Konsta UI – Mobile UI Components Built with TailwindCSS
12 projects | news.ycombinator.com | 23 Feb 2023

My startup team is working on a new project and elected Tailwind this week. Konsta looks like a great fit as we want to work well on mobile.
Wondering if there are plans to add a grid system and/or drag+drop? We're looking to implement an Instagram like grid of cards and currently using DraggableJS https://shopify.github.io/draggable. Having an integrated solution would help us avoid haphazard glue code.
Drag & drop in Svelte. Hunting for libs
2 projects | /r/sveltejs | 21 Feb 2023

Draggable has the... funkiest examples btw. Like 3D dragging funky.
How to create a Drag and Drop quiz like this?
7 projects | /r/webdev | 14 Nov 2022

For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/
Ask HN: What's is your go to toolset for simple front end development?
46 projects | news.ycombinator.com | 7 Jul 2022
what is the best and easy way to make a drag and drop system?
1 project | /r/webdev | 13 Jun 2022

https://shopify.github.io/draggable/ looks neat
How to implement a the draggable library from Shopify
1 project | /r/HTML | 10 May 2022

I was wanting to implement elements of the library from Shopify and was wondering the process of implementing into my code. I am using visual studios. For instance I wished to use this in my code.
Show HN: Drovp – Convenient UI for any drag and drop operations
9 projects | news.ycombinator.com | 27 Dec 2021
How To Choose The Best React Drag And Drop? Top 15 Free Libraries To Set Up
13 projects | dev.to | 26 Jul 2021

GitHub

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 draggable and svelte-dnd-action you can also consider the following projects:

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

react-beautiful-dnd - Beautiful and accessible drag and drop for lists with React

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

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

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

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

react-drag-drop-container - ReactJS drag and drop functionality for mouse and touch devices

Scully - The Static Site Generator for Angular apps

react-kanban - Yet another Kanban/Trello board lib for React.

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