svelte-dnd-action VS draggable

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.

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

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.

github.com/isaacHagoel/svelte-dnd-action

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

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

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/

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.

Draggable has the... funkiest examples btw. Like 3D dragging funky.

For vanilla js maybe something like https://shopify.github.io/draggable/ or https://interactjs.io/

https://shopify.github.io/draggable/ looks neat

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.

GitHub