- Beautiful Code
- Posts
- π¨ Windy β Beautiful Code #68
π¨ Windy β Beautiful Code #68
No personal updates this week, just work, work and more work β just a bunch of interesting websites, tools, resources and code snippets for you!
Hey! Itβs Marc π
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
No personal updates this week, just work, work and more work β just a bunch of interesting websites, tools, resources and code snippets for you!
Hope you have a great 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. Shopify Editions | Winter β26
2. Sileent
3. Emilie Aubry
π¨ Tools & Resources
1. Astro
Astro is a modern static-site and web app framework that lets you build fast, content-focused sites using your favorite UI components (React, Svelte, Vue, Solid, etc.). It ships minimal JavaScript by default β rendering most content at build time β so sites load lightning-fast without sacrificing interactivity.
2. Tailwind animations
Tailwind Animations is a curated library of ready-to-use animation classes built for Tailwind CSS. It gives developers a wide range of smooth, expressive motion utilities β from fades and slides to complex sequences β without writing custom keyframes, helping UI feel more dynamic with minimal effort.
3. EaseMaster
EaseMaster is a browser-based interactive easing-curve editor that helps designers and developers craft custom animation easing functions visually. You can tweak and preview easing curves in real time, then export them as code (CSS, JavaScript or easing equations) to make animations feel smoother and more natural.
π 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. Expanding gallery using corner-shape:notch
Author: Chris Bolson
2. Cards with concave rounding on irregular grid
Author: Ana Tudor
3. Stack of folders with custom <select>
Author: Patrick Brosset
π Humor
Bob Wireley πΆ
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









