- Beautiful Code
- Posts
- โ Finishing projects โ Beautiful Code #41
โ Finishing projects โ Beautiful Code #41
No personal updates this week, just work, work and more work โ just a bunch of interesting websites, tools, resources and code snippets for you! I hope you enjoy with it this week ๐
Hey! Itโs Marc ๐
How are you?
No personal updates this week, just work, work and more work โ just a bunch of interesting websites, tools, resources and code snippets for you! I hope you enjoy with it this week ๐
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
1. 35mm
2. Impromta
3. Beings
๐จ Tools & Resources
1. Tonkotsu
Tonkotsu is a development assistant that helps you plan and implement your project. It breaks down your project into key technical decisions and individual coding tasks, which you can add to your plan. Tonkotsu works locally on your development machine: it clones your repository into an isolated folder, completes coding tasks in parallel, and then prompts youโthe tech leadโto review and approve its work. Once approved, it pushes changes back to your repository.
2. Nimbox AI Studio
Nimbox AI Studio is a browser-based visual platform powered by the FLUX.1 Kontext model from Black Forest Labs. It lets you generate and edit images by writing prompts, with features like faceswap, regional editing, and consistent character styling. With near real-time results (4โ10s latency) and organized prompt presets (e.g. product shots, photo restoration, artistic styles), itโs built for fast, creative workflows. You only need a Replicate API key to use itโeverything runs locally in your browser with full privacy and no third-party servers.
3. CSS Grid Generator
CSS Grid Generator is an intuitive drag-and-drop tool that allows you to visually build CSS grid layouts. You can specify rows, columns, gaps, and easily add, resize, and move items directly within the interface. Once you're satisfied, it instantly generates clean HTML and CSS code, saving time and reducing errors. It's a handy tool for both learning and rapid layout prototyping.
๐ค Code and snippets
Here you will find code snippets from CodePen that you can use in your projects and adapt to your needs.
1. Spotlight
Author: Amit Sheen
2. Rays Background
Author: Den
3. Smooth Border Radius
Author: Chris Coyier
๐ Humor
Testingโฆ ๐คฏ

.
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