🔮 Ongoing Projects – Beautiful Code #18

Hey! It’s Marc 👋

This week, I’m bringing you some immersive web experiences—websites that are incredibly complex in terms of development and feature spectacular designs. To create such websites, developers often rely on JavaScript technologies and Canvas, using libraries like Three.js. These types of projects are typically crafted by highly specialized developers in these technologies, resulting in truly stunning websites. I hope you enjoy them! Let me know what you think.

As for the resources and code snippets, I’ve carefully selected them so that some of them can be used in your upcoming projects, whether they are web design or development-related.

On a personal note, I’ve kicked off the year with a couple of projects that I’m currently working on, and I hope to share them with you once they’re completed. So far, it looks like this year is going to keep me quite busy! 🤞
I’ll be sharing my progress along the way!
In the meantime, you can check out some of the projects I’ve worked on over the years at Superloop.

That said, here’s the content!

😍 Websites

1. UTSUBO

👉 Check it out

2. Immersive Garden

👉 Check it out

3. Shopify Plus x Sunny Side Up

👉 Check it out

🔨 Tools & Resources

1. Lummi

Lummi offers over 20,000 free AI-generated stock images, illustrations, and 3D assets, perfect for websites, designs, and presentations. It integrates with Figma, Canva, and more.

👉 Check it out

2. Superdesigner

Superdesigner is a free online platform offering a suite of design tools to create unique backgrounds, patterns, shapes, and more with just a few clicks. It provides features like a CSS shadow generator, magic resize, SVG backgrounds, 3D shapes generator, background generator, and pattern generator. Users can customize their designs and export them in multiple formats, including PNG, JPEG, and SVG.

👉 Check it out

3. Streamline HQ

Streamline offers over 364,000 icons, illustrations, and emojis in various styles and formats like PNG and SVG. It integrates with tools like Figma and suits web, mobile, and print designs.

👉 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. Retro futuristic radio buttons

Effect to use on buttons, in this case on radio buttons, using SVG animations with GSAP and CSS.
Author: Josh Dillon

👉 Check it out

2. Course Design Cards

Design of multiple cards, ready to use in your projects, made exclusively with HTML and CSS.
Author: Kristen

👉 Check it out

3. Interactive Card

Interactive floating cards that open in fullscreen when clicked. Made with CSS and JavaScript.
Author: Marcelo

👉 Check it out

😂 Humor

How would you like your graphic design?

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