๐Ÿฅต It's hot โ€“ Beautiful Code #39

This week Iโ€™ve continued working on my new project โ€” itโ€™s starting to take shape, but I still need to fine-tune and optimize some queries and features, as well as test everything properly. Hopefully, Iโ€™ll be able to share more about it in a few weeks ๐Ÿ˜€

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

This week Iโ€™ve continued working on my new project โ€” itโ€™s starting to take shape, but I still need to fine-tune and optimize some queries and features, as well as test everything properly. Hopefully, Iโ€™ll be able to share more about it in a few weeks ๐Ÿ˜€ 

Thatโ€™s all for now. Have a great week! ๐Ÿ˜Š

Before we continue I want to remind you that you can support Beautiful Code buying me a coffee โ˜•๏ธ I love good coffee! ๐Ÿ˜

๐Ÿ˜ Websites

1. Navigate

2. Micro

3. Neverhack

๐Ÿ”จ Tools & Resources

1. AI Color Match

Polarr's AI Color Match is a free, browser-based tool that allows you to instantly apply the color and tone of any reference image to your own photos or videos. Whether you're aiming to replicate the look of a film still, painting, or another photograph, the tool dynamically adjusts colors based on each photo's unique exposure and tones, ensuring consistent and accurate results. You can download your edits as JPGs, presets, or LUTs for use in other projects.

2. Gridstack

โ€‹Gridstack.js is a powerful JavaScript library for building dynamic, draggable, and resizable grid layouts in modern web applications. Ideal for dashboards, editors, or visual builders, it supports responsive design, nested grids, and drag-and-drop between grids. Itโ€™s lightweight, framework-agnostic, and integrates easily with React, Vue, Angular, or plain JavaScript, making it a flexible choice for creating highly interactive UIs.

3. Domain Digger

Digger Tools is a free, open-source web application designed for comprehensive domain analysis. It provides detailed insights into DNS records, IP geolocation, WHOIS data, SSL/TLS certificate history, and subdomain enumeration. The platform features a user-friendly interface with visual DNS mapping and supports multiple DNS resolvers for global lookups. Built with React and Next.js, Digger Tools is ideal for developers, security professionals, and OSINT researchers seeking an efficient and privacy-focused solution for domain investigations.

๐Ÿค– Code and snippets

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

1. Proximity Reactions

Author: Amit Sheen

2. Paper boat floating along path

3. Grid lines hover effect

๐Ÿ˜‚ Humor

Do you reuse code? ๐Ÿคญ 

.

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