• Beautiful Code
  • Posts
  • ๐Ÿ”จ Tools & Resources โ€“ Beautiful Code #31

๐Ÿ”จ Tools & Resources โ€“ Beautiful Code #31

No personal updates this week โ€“ 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 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

Before we continue I want to remind you that you can support Beautiful Code buying me a coffee โ˜•๏ธ I love good coffee! ๐Ÿ˜

๐Ÿ˜ Websites

1. Nite Riot

2. Gini Vini

3. OH Architecture

๐Ÿ”จ Tools & Resources

1. Tailwind Flex

โ€‹TailwindFlex is a free, community-driven platform that offers over 2,100 pre-built Tailwind CSS components and templates. Itโ€™s designed to help developers and designers build user interfaces faster and more efficiently by providing ready-to-use UI elements. Users can test components in a live playground, customize them, and copy the code directly into their projects. The site also allows designers to share their own components and build a public profile, creating a space for inspiration and collaboration.

2. Font Sensei

โ€‹Font Sensei is an online tool that categorizes Google Fonts by tags, simplifying the process of exploring and selecting fonts for various projects.

3. SaaS UI

โ€‹SaaS UI Illustrations is an open-source collection of over 220 high-quality illustrations designed to enhance design systems, documentation, and digital projects. These illustrations are crafted to integrate seamlessly into various design environments, providing cohesive and customizable visuals that effectively communicate complex ideas.

๐Ÿค– Code and snippets

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

1. Customizable Select

Author: Sarah Frisk

2. Roll for Premium

Author: Jhey

3. Shadow with ThreeJS

๐Ÿ˜‚ Humor

Dog in CSS.

.

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