• Beautiful Code
  • Posts
  • 🌞 Summer is coming – Beautiful Code #37

🌞 Summer is coming – Beautiful Code #37

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 πŸ‘‹

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

2. PrimeAsia

3. BlueYard Capital

πŸ”¨ Tools & Resources

1. Driverjs

​Warp is a modern terminal built in Rust that enhances developer productivity with features like an IDE-style input editor, AI-powered command suggestions, and team collaboration tools. It supports natural language inputs, command blocks, and workflows, making terminal usage faster and more intuitive. Available for macOS, Linux, and Windows.

2. VERT

​9ui is a free, open-source UI component library built with Base UI and Tailwind CSS. It offers a collection of customizable components that can be easily copied and pasted into your projects. Designed for simplicity and flexibility, 9ui is ideal for developers looking to build consistent design systems or prototypes efficiently. The library includes examples like AI chat interfaces, mail clients, and calendars, making it suitable for modern web applications.

3. Squoosh

​​WebTUI is a modular CSS library that brings the aesthetics of terminal user interfaces to the web. It offers a collection of components like buttons, checkboxes, inputs, and popovers, all styled to emulate the look and feel of terminal applications. WebTUI supports theming with options such as Catppuccin, Gruvbox, and Nord, and is compatible with frameworks like Next.js, Vite, and Astro. Designed for developers seeking a terminal-inspired design system for the browser, WebTUI provides comprehensive documentation and examples to facilitate integration into web 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. Notification Feed Animation

Author: Jon Kantner

3. Scalling System

Author: Osmo

πŸ˜‚ Humor

Debugging… 🚽 

.

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