Hello Three.js community,
We recently launched the current MDX studio website and would value technical feedback from people building real-time 3D for production websites.
Live site: https://mdx.so
The experience combines a Three.js/WebGL visual layer with a DOM-based interface. GSAP and ScrollTrigger coordinate motion and navigation, while Astro provides the surrounding site architecture. The goal was to make the 3D direction feel integral to the studio identity without turning the interface into a canvas-only experience.
Some of the questions we worked through:
- how much visual complexity belongs in the real-time layer;
- how to keep the navigation and content legible while motion is active;
- how to coordinate scroll-driven transitions without making the interface feel delayed;
- how to keep the experience responsive across different viewport sizes.
We would especially appreciate feedback on first meaningful interaction, motion pacing and how the experience behaves on lower-powered mobile devices.
Tech used:
- Three.js / WebGL
- GSAP and ScrollTrigger
- Astro
- HTML/CSS interface layer
Thanks for taking a look.
— MDX team
