Beautiful Code
Posts
🙇‍♂️ Solving problems – Beautiful Code #46

🙇‍♂️ Solving problems – Beautiful Code #46

This past month I’ve been working (less than I would’ve liked) on the new side project I mentioned a few weeks ago. I came up with a new approach and a different flow that felt way more interesting.

Marc Taulé
August 28th, 2025

Hey! It’s Marc 👋

How are you?

This past month I’ve been working (less than I would’ve liked) on the new side project I mentioned a few weeks ago. I came up with a new approach and a different flow that felt way more interesting.

After testing quite a few things and getting everything to work perfectly, I hit a roadblock. It forced me to rethink the whole product. The issue I ran into—at least the way I wanted to implement it—just isn’t possible for now.

So, I’ll let it rest for a few days and see how I tackle this new challenge. I know all of this sounds very abstract, but I’m not ready to reveal too much just yet 😉

I’ll keep you posted, but in the meantime, here’s this week’s content 👇

If you're new here, let me quickly explain what Beautiful Code is all about. 👇

What can I expect from Beautiful Code?
Every week, you'll receive:
😍 3 awesome websites for inspiration
🔨 3 tools and resources that can help grow your products
🤖 3 code snippets ready to be used in your projects
😂 1 meme to add a bit of humor to our world

Hope you have a great rest of the week!

Before we continue I want to remind you that you can support Beautiful Code buying me a coffee ☕️ I love good coffee! 😍

😍 Websites

🔨 Tools & Resources

1. Uppy

Uppy is a sleek, modular, open-source JavaScript file uploader that seamlessly integrates with any web application. It supports local file selection and cloud sources like Google Drive, Dropbox, Instagram, and even webcams. With plugins, you can preview and edit files, resume interrupted uploads using the open Tus protocol, and recover files after browser crashes. Uppy is highly extensible and user-friendly, making it a top choice for building modern, reliable upload experiences.

👉 Check it out

2. Mapple Mono

Maple Mono, an open-source variable monospace font crafted to enhance coding comfort and style. With rounded corners, finely tuned italic forms, and smart ligatures, it brings elegance to your terminal and IDE. It also includes Nerd‑Font icons, superior support for Chinese/Japanese characters with perfect 2:1 alignment, and Deep TypeScript support—all delivered through an interactive playground where you can preview, customize OpenType features, and download the build that suits your workflow.

👉 Check it out

3. Swapy

Swapy is a lightweight, framework‑agnostic JavaScript tool that turns any layout into a draggable, drag‑to‑swap interface using just a few lines of code. You mark elements in your layout with data-swapy-slot and data-swapy-item, then initialize Swapy to enable intuitive drag-and-drop swapping. It supports configurable swap modes (like hover or drop), event handling for swaps, and smooth animations—all without external dependencies—and plays nicely with frameworks like React, Vue, or Svelte.

👉 Check it out