🏝️ Holidays are coming – Beautiful Code #43

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é
July 3rd, 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. Palmer Dinnerware

2. Arqui 9

3. Faint Film

🔨 Tools & Resources

1. Kokonut UI

Kokonut UI is an open-source library of modern, customizable UI components and templates built for React and Next.js using Tailwind CSS, shadcn/ui, and Framer Motion. It offers over 100 free components like buttons, cards, forms, and animated elements, making it easy to create polished, responsive interfaces quickly. There’s also a Pro version with premium layouts and templates for more advanced projects.

2. Onlook

Onlook is an open-source, visual-first code editor focused on React and TailwindCSS. It allows designers and developers to interactively edit live applications in a Figma-like interface and immediately sync those changes back to the codebase. With an AI chat assistant, real-time preview, visual drag-and-drop editing, version checkpoints, and Git integration, Onlook bridges the gap between design and development—turning UIs into editable code that remains fully under your control.

Available as both a web-based and desktop app for macOS and Windows, it’s designed for local-first workflows, meaning all code changes happen on your machine and never leave it

3. Geo IP API

GeoIP API is a developer-friendly service that provides detailed geolocation and network information for IPv4 and IPv6 addresses. It returns data like country, city, postal code, latitude/longitude, timezone, currency, and autonomous system (ASN) details using a simple JSON API. You can obtain the caller's IP or specify any IP to look up. It offers lightweight SDKs (e.g., in PHP with full type-safety) for easy integration into projects.

🤖 Code and snippets

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

1. Fanning Cards

2. Neon Glass Context Menu

3. Animated Hover Disclosures

Author: Jhey

😂 Humor

RGB vs CMYK 👊 

.

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