The problem with 3D on the web
Most websites with 3D feel like a kid showed off a toy. The geometry rotates because it can. The shader pulses because the developer learned how. None of it makes the page clearer or the message stronger.
What deliberate 3D does
It anchors the eye. It carries the brand into a space type cannot reach. It compresses information — a single rotating object can communicate what three paragraphs cannot.
Three rules we keep
- One hero, one purpose. If the 3D could be replaced by a static image without losing meaning, replace it with a static image.
- Performance budget enforced. No 3D shipping that drops the page below 90 on Core Web Vitals.
- Accessibility never optional. Reduced motion respected. Mobile fallbacks designed first, not last.
3D is a tool, not a costume.
- Three.js
- WebGL
- Performance