⏱ Loading – Beautiful Code #42

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 😊

Author

Marc Taulé
June 26th, 2025

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. Joy from Africa to the World

2. Duroc

3. Montfort Group

🔨 Tools & Resources

1. Animate UI

Animate UI is an open-source component library for React built with Tailwind CSS, TypeScript, Motion, and Shadcn CLI. It provides fully animated UI elements—like buttons, text effects, backgrounds, icons, and layouts—that developers can install or copy directly into projects. Designed to complement Shadcn UI, it offers fluid, customizable animations to enhance modern web interfaces.

2. RampenSau

RampenSau is a lightweight, dependency-free color ramp generator built in TypeScript/JavaScript. It uses hue cycling and easing functions in the HSL color model to create visually pleasing gradients or palettes. Ideal for designers and developers working on data visualizations, generative art, or UI themes, RampenSau offers fast, browser-friendly palette generation with customizable parameters. It's open-source, MIT‑licensed, and easy to integrate via npm or CDN.

3. OXC

Oxc (The Oxidation Compiler) is a high-performance suite of JavaScript and TypeScript tools written in Rust. It serves as a powerful alternative to traditional JS toolchains, offering an ultra-fast parser, linter, resolver, transformer, formatter, and minifier.

🤖 Code and snippets

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

1. Dark Ripple Loading

Author: Mr. Piperra

2. Hypnotic Spinners

Author: Jon Kantner

3. Braun Style Inspired Clock

😂 Humor

Do you send website mockups in JPEG format?

.

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