☕️ Coffee Coffee Coffee – Beautiful Code #29

No personal updates this week – 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. 👇

Author

Marc Taulé
March 27th, 2025

Hey! It’s Marc 👋

How are you?

No personal updates this week – 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

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

😍 Websites

1. Praxis Leandra Isler

2. BOYD

3. Into the Amazon

🔨 Tools & Resources

1. Pqoqubbw / Icons

​Icons.pqoqubbw.dev is an open-source collection of smoothly animated icons designed for seamless integration into various projects. Built using Motion and Lucide, these icons are available under the MIT License, allowing for both personal and commercial use. Developers can easily incorporate these animations into their applications to enhance user interfaces with dynamic visual elements.

2. Patterns

​Patterns.dev is a free online resource that provides comprehensive insights into design, rendering, and performance patterns for building robust web applications using vanilla JavaScript and modern frameworks like React and Vue.js

3. Perflink

​Perflink is an open-source, web-based tool for creating and sharing JavaScript performance benchmarks. It allows developers to write test cases, execute them, and compare their performance through visual graphs. Each benchmark can be shared via a unique URL, facilitating collaboration and discussion.

🤖 Code and snippets

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

1. Grid Exploding Stack

Author: Jhey

2. Volume Dials

Author: Jon Kantner

3. House Responsive Animation in CSS

Author: Alexis Mora

😂 Humor

Please make the logo bigger

.

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