swapy
✨ A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code https://swapy.tahazsh.com/
A small JavaScript/TypeScript library that lets you add drag-to-swap layout behavior to any webpage with a few lines of code, without needing a specific framework.
Swapy is a small JavaScript library that adds drag-to-swap behavior to any webpage layout. The idea is that you take a grid or set of panels you have already built, add a few lines of Swapy code, and the items in that layout become draggable so users can rearrange them by swapping positions. It does not require any specific framework, meaning it can be dropped into a plain HTML page or used alongside React, Vue, or any other setup.
The README itself is brief and points to the project's documentation site for full details and live demos. Based on what is in the repository, the library is written in TypeScript and the actual integration guide lives externally.
Licensing has two paths. If the project using Swapy is open-source and released under a license compatible with GNU GPL version 3, Swapy can be used for free under those terms. If the project is commercial or the source code will be kept private, a paid commercial license is required, available for purchase on the project's website. The README does not include pricing details.
Where it fits
- Add drag-to-swap rearrangeable panels to a web app built with React, Vue, or plain HTML
- Let users customize their dashboard layout by dragging widgets to swap positions
- Add interactive grid reordering to a portfolio or content site