A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
Swapy is a powerful, framework-agnostic tool that transforms any layout into a drag-to-swap interface with minimal code. It offers seamless integration across all frameworks, including React, Vue, and Svelte.
import { createSwapy } from 'swapy'
const container = document.querySelector('.container')
const swapy = createSwapy(container, {
animation: 'dynamic'
})
swapy.onSwap((event) => {
console.log(event.data.object)
console.log(event.data.array)
console.log(event.data.map)
})
Swapy provides examples for integration with popular frameworks:
If you find Swapy useful, consider giving it a star on GitHub.
Everything You need for sharing your thoughts
Match with like-minded professionals for 1:1 conversations
Go from Slack Chaos to Clarity in Minutes
Personalize 1000s of landing pages in under 30 mins
The first LLM for document parsing with accuracy and speed
AI Assistants for SaaS professionals
AI-powered phone call app with live translation
Delightful AI-powered interactive demos—now loginless
AI Motion Graphics Copilot
Pop confetti to get rid of stress & anxiety, 100% AI-free
Smooth payments for SaaS