<aside> 💡 A rolling list of my favorite sites that use three.js - email me [email protected] if you want to suggest one!
</aside>
👀 Use of movement
This one is so fun because it's one of the few experiences that is better on mobile, compared to desktop. Highly recommend to visit on your device.
http://experience.mausoleodiaugusto.it/en/
👀 Radial navigation, imported assets
This website is built so different. The way that this site synchronizes scroll with the circle and how it triggers the explosion of movement is a feast for the eyes.
https://www.visitplanether.com/
👀 Use of sound, AR-like screen motion
Really fun interactions, vibrant visuals, and really smart use of 3D sound. Just feels like a really interesting video game with a sick sound track
👀 Scroll triggered animation
Shows that the entire site doesn't have to be 3D, can be used to show movement and progress when navigating the site. Also shows how additional assets can be imported to get more unique 3D shapes
👀 Keyboard interactions
The CLASSIC example that wows everyone. Excellent show of how physics engines can be used to make objects interact. Great use of color, microinteractions, and sound
https://www.chiaraluzzana.com/
👀 Sound design and navigation
Really like that this website asks for permission before blasting sound at you, really important for accessibility and just a more pleasant user experience. Also really gorgeous and fun to play with
👀 Blend mode cursor effect
Fun neon vs normal mode. A more subtle use case but very clean and has a few easter eggs.
👀 Horizontal scroll, 2D graphics
Although it isn't 3D, three.js is still used in a fun way to get horizontal parallax scroll effect. Also the bubbles are each unique
https://britishmuseum.withgoogle.com/
👀 Information presentation
This one is so fun to play with, great example of how information can be visually represented in an engaging way