😍 My love life – Beautiful Code #26

I always love finishing projects and starting new ones. That’s exactly what’s happening to me this week—I’m wrapping up some projects and kicking off new ones.Starting a new project is a lot like life itself, almost like starting a new relationship. In the beginning, there’s excitement and enthusiasm. 😍

Hey! It’s Marc 👋

How are you?
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

I always love finishing projects and starting new ones. That’s exactly what’s happening to me this week—I’m wrapping up some projects and kicking off new ones.

Starting a new project is a lot like life itself, almost like starting a new relationship. In the beginning, there’s excitement and enthusiasm. 😍
You spend your days thinking about how you’ll structure things, how you’ll code that feature, how you’ll create that animation to make the client say WOW, and so on… As the project progresses, different things can happen: the excitement stays alive, and everything flows effortlessly; problems arise that shake things up, but you overcome them and strengthen your bond with the project; or you start clashing with it and end up hating it.

In any case, the relationship will always have an ending—good or bad, but an ending nonetheless. If it went well, you’ll start your next project with a smile. And if it went badly, you’ll still smile—because a new project is coming, and whatever frustration you had with the previous one will be replaced with the excitement of starting fresh. ☺️

Do you feel the same way, or is it just me? 🤔

Do you know any websites, tools, resources, or code snippets that could be featured on Beautiful Code? Send them to me! 👇
https://tally.so/r/mRJRGP

😍 Websites

1. WES

2. Ciel Rose

3. Sephora Pinball

🔨 Tools & Resources

1. IP Guide

IP Guide is an API that provides detailed IP, network, and ASN lookup data, updated daily from authoritative sources. It allows developers to retrieve geolocation, ISP details, and other network-related information for IPv4 and IPv6 addresses. The service is designed for quick integration into applications, offering accurate and up-to-date data for security analysis, fraud detection, and network monitoring.

2. Auth.js

Auth.js is an open-source authentication library for web apps, supporting OAuth, magic links, credentials, and WebAuthn. It integrates with frameworks like Next.js, SvelteKit, and Express, and works with databases such as Prisma, Supabase, and Firebase.

3. SVG Spinners

​MageCDN offers a collection of over 100 open-source SVG loading icons, commonly known as spinners, throbbers, or loaders. These animations are designed to visually indicate content loading or data fetching processes on websites and applications. Each icon is licensed under the MIT License, allowing for unrestricted commercial and personal use without the need for attribution.

🤖 Code and snippets

Here you will find code snippets from CodePen that you can use in your projects and adapt to your needs.

1. Illuminated range input

Author: Josetxu

2. Glass button

Author: Petr Knoll

3. Ghost grid

😂 Humor

Debugging...

.

I hope you enjoy it, and if you like it and want to support me, you can:

  • You can support me by buying me a coffee ☕️

  • Forward it to a friend and invite them to subscribe

  • Share it on your social networks

Or if you just want to say hello, reply to this email or write me on Twitter/X and let's talk!

That's all for today. I hope you enjoyed the content, and see you next week! 👋

Cheers!
Marc