• 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