Oct 27, 2025

Three Immersive Websites

n3xta (Mumu Li)

TL;DR

Come to class with three examples of an “Immersive Website”, at least 2 of these websites need to incorporate 3D or Three.js. Be ready to share in class and talk about what specifically inspired you, what you’re interested about regarding each website.

1 Yamauchi No.10 Family Office

This is one of the most unique Three.js implementations I can think of. The colorful pixel effects, small animations, and background music together perfectly recreate the atmosphere of an old arcade. I used to play in arcades myself, so it feels very nostalgic to me.

Technical wise, the animations are stored in a JSON file, and all the text elements are in SVG vector files. The design is impressive, it feels like a form of maximalism. I’ve tried maximalism before but it didn’t work as good as this one, so the takeaway is to manually make all the details and refine them as much as you can.

2 Wildy Riftian

I suspect this website doesn’t actually use Three.js, but the way it integrates 3D elements into the webpage feels incredibly seamless. Using a keychain - a common everyday object - as an analogy for their creative practice is a brilliant concept, and it’s communicated very effectively. The 3D object and animation effects are also beautifully executed, with many other 3D interactions appearing throughout the site.

What’s even more worth discussing, I think, is the motion design. The animations perfectly align with the overall theme, that sense of everyday life, even down to the use of folders, and the result feels remarkably sophisticated.

I did more research and found out that this was implemented in framer. This explains how the 3d assets work: they are most likely prerendered and added to the web.

3 Igloo Inc.

The Igloo website is legendary and renowned for good reason. The experience is absolutely mind-blowing for a Three.js implementation. I think this has to be one of the best-engineered Three.js sites I’ve ever seen. There’s so much nuance and craftsmanship even in the “throwaway” effects, and it still runs smoothly on low-end devices, which is especially impressive, since most sites of this visual caliber lag badly on phones.

Depending on where you are in your creative coding journey, you could easily spend an entire year studying this site. It’s densely packed with techniques, hidden tricks, and elegant problem-solving. I’ve personally done case studies by reverse-engineering some of its effects. Their WebGL work is phenomenal, and the scrolling experience from the very first frame to the looping finale is just brilliantly executed.
and its all for some crypto web3 shit. what an absolute waste - u/majorleagueswagout17 • 1y ago