πŸ₯Ά Cold – Beautiful Code #66

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. Ironhill

2. BΓ©cane

3. Naked City Films

πŸ”¨ Tools & Resources

1. Nuxtlify

Nuxtlify is a theme builder for Nuxt UI that lets you design and customize your own component themes with live previews and flexible color palettes. You can define custom colors, tweak variants for buttons, inputs and more, and see your changes in real time β€” making it easy to craft unique, consistent UI for your Nuxt projects.

2. Mapcn

MapCN provides open-source, composable map components that you can drop into modern web apps with minimal setup. Built on MapLibre GL and styled for Tailwind/shadcn-based projects, it lets you add interactive maps, markers, popups and routes with a one-command install and zero configuration.

3. Outerbase Studio

Outerbase Studio is a lightweight, open-source database GUI that runs in your browser or as a desktop app, giving developers a clean interface for browsing, editing and querying SQL databases. It supports popular engines like PostgreSQL and SQLite, combines spreadsheet-like tables with powerful query tools, and streamlines data workflows without the clutter of traditional clients.

πŸ‘‰ 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. CSS-only Mario World

Author: Temani Afif

2. A circle from st lines

Author: Amit

3. Neumorphism principles

πŸ˜‚ Humor

Vibecoders when they hit usage limit πŸ™„ 

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