- Beautiful Code
- Posts
- 🥶 Cold – Beautiful Code #57
🥶 Cold – Beautiful Code #57
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 👋
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! 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. Mockupper
2. Ribbit
3. AVATR
🔨 Tools & Resources
1. Krumzi’s Animated Background Generator
Krumzi’s Animated Background Generator is a free online tool designed to help creators produce eye‑catching animated gradient backgrounds for videos or social media posts. It enables you to generate smooth motion backgrounds without any design software‑experience required. This makes it a great fit for marketers, content creators or anyone needing dynamic visuals quickly.
2. Slim Select
SlimSelect is a lightweight JavaScript library that enhances HTML <select> dropdowns by offering features like search, multi‑select, and custom styling, while remaining framework‑agnostic. It also provides official React and Vue integrations, allowing for easy use in modern front‑end applications.
3. SnapDOM
SnapDOM is a powerful open‑source JavaScript tool for capturing HTML elements as images with high fidelity. It supports full DOM capture including shadow DOM, pseudo‑elements, embedded fonts and then exports to formats like SVG, PNG or WebP. Its performance benchmarks show significant speed improvements over alternatives, making it ideal for tasks like creating previews, visual regression testing, or dynamic image generation in the browser.
👉 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. Hopping Marbles
Author: Jon Kantner
2. Typewritter Web Component
Author: Luis Alberto Martinez Riancho
3. Details element as turnable cards
Author: Cyd Stumpel
😂 Humor
110 Tabs open…🤔
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









