Swapy
JavaScript tool to convert any layout to a drag-to-swap one
102 followers
JavaScript tool to convert any layout to a drag-to-swap one
102 followers
A framework-agnostic tool that converts any layout into a drag-to-swap one with just a few lines of code.
Products used by Swapy
Explore the tech stack and tools that power Swapy. See what products Swapy uses for development, design, marketing, analytics, and more.
Engineering & Development 1
Engineering & Development 1

AstroThe web framework that scales with you.
5.0 (44 reviews)
I've used many content-driven web frameworks, but Astro is the one that hits the sweet spot for me. Not only is it very easy to use, but it also includes everything I need to create a blog or a landing page. The fact that it supports all frameworks and tools with just a few CLI commands is absolutely fantastic! When I wanted to create the landing page for Swapy, Astro was the only option that came to mind, and I absolutely don't regret it.
Design & Creative 2
Design & Creative 2
ViteNext Generation Frontend Tooling
5.0 (54 reviews)
Before Vite, using a build tool was my least favorite part of building anything. But now, whenever I want to build something, I just use Vite. Vite makes things very easy and intuitive. When I was building Swapy, I needed to test a few frontend frameworks. With Vite, it was as simple as adding the framework plugin, and it just worked. To make Swapy accessible to others, I needed to compile TypeScript and build it as both an ES module and a UMD module. With Vite, I just had to add a few lines of code, and it worked perfectly.

Tailwind CSSA utility-first CSS framework for rapid UI development
5.0 (215 reviews)
Styling the landing page was one of my favorite parts of building Swapy, all thanks to Tailwind CSS for making styling such an enjoyable task. I didn't have to think too much about choosing colors and font sizes because the predefined ones were just perfect. Among all the great features Tailwind CSS provides, the thing I love the most is building responsive designs. Fixing styles for Swapy's landing page on different screen sizes took just a few seconds.
