👀 Curiosities – Beautiful Code #53

Hey! It’s Marc 👋

If you're new here, let me quickly explain what Beautiful Code is all about. 👇

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 😊

Before you continue I want to remind you that you can support Beautiful Code buying me a coffee ☕️ I love good coffee! 😍

😍 Websites

1. Curiosity is Life

👉 Check it out

2. Silver Pinewood Residences

👉 Check it out

3. Mammoth Murals

👉 Check it out

🔨 Tools & Resources

1. Logoipsum

LogoIpsum is a placeholder logo generator designed for designers and developers who need quick, generic logos for mockups, wireframes, or early-stage design projects. It offers a variety of clean, minimalist logos that resemble real brands in layout and style but are entirely fictional. This allows you to present polished layouts without relying on actual logos, keeping the focus on structure and design rather than branding. It’s especially useful in UI kits, templates, or landing page prototypes.

👉 Check it out

2. What Unit

WhatUnit is a decision-making tool that helps you choose the most appropriate CSS length unit for your design scenario. It guides you through a step-by-step flow based on how you want your element to behave—whether it should scale with text, the viewport, or remain fixed. The result is a clear recommendation for using units like px, em, rem, %, vw, or vh. It’s particularly useful for developers who want to improve their understanding of responsive design and create layouts that adapt better to different screen sizes.

👉 Check it out

3. HTML3D

HTML3D is a visual builder for creating 3D experiences on the web using only HTML and CSS transforms. It lets you position and rotate elements in 3D space without needing to write JavaScript or use WebGL. Through its interface, you can arrange boxes, planes, and other elements to create immersive layouts, UI prototypes, or conceptual 3D designs directly in the browser. It’s ideal for developers and designers experimenting with perspective, depth, and spatial relationships on the web.

👉 Check it out

🤖 Code and snippets

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

1. Cursed Pocked Watch

Author: ccprog

👉 Check it out

2. CSS Scroll-driven scroll-snapping

Author: Giana

👉 Check it out

3. NumberFlow Range Slider

Author: Simon Goellner

👉 Check it out

😂 Humor

z-index: 999999999999;

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