unknown

Swapy is a framework-agnostic tool that allows users to easily convert any layout into a drag-to-swap interface with minimal code. It supports the use of data attributes to specify draggable items and droppable slots, as well as event listeners for tracking changes. The setup process involves installing Swapy, integrating it with your project's layout, and configuring options such as animation settings. Examples for using Swapy with popular frameworks like React, Vue, and Svelte are also provided.

Swapy – Easy Drag-to-Swap Solution

This squad was established to be able to share anything about development. Post, Comment, and Upvote!

Dev World

this is endlessly being re-posted

Is there any way to make the position permanent on refresh?

Good library but still there is not a lot of libraries that respect grid sytem and not just change the width/height of the div

<a href="https://app.daily.dev/hadilbenabdallah" data-mention-id="9pqnrpoJdg1CfgqIBuMCl" data-mention-username="hadilbenabdallah" translate="no">@hadilbenabdallah</a> I discovered this last year, but the challenge has been to combine it with a masonry layout component like <a href="https://github.com/tobiaswaelde/vue3-masonry-css?tab=readme-ov-file" target="_blank" rel="noopener nofollow">this</a> or <a href="https://mui.com/material-ui/react-masonry/" target="_blank" rel="noopener nofollow">this</a> and have the masonry dynamically reflow on swap.

Great library but don’t use it with React