- Beautiful Code
- Posts
- ๐ฅต It's hot โ Beautiful Code #39
๐ฅต 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
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
Author: Michael Gehrmann
3. Grid lines hover effect
Author: Chris Heuberger
๐ 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