3D & Interactive Web · In depth
Most websites are flat. Yours does not have to be.
For products that need to be seen working, and brands that need to feel crafted rather than templated. We build real-time 3D and interactive motion directly in the browser: fast enough for a phone, with no plugins to install.
When is 3D worth it?
When it carries meaning. A configurator that lets a customer turn your product around before buying it does a job no photograph can. A scene that shows how something works, at the visitor's own pace, explains more than a page of text. That is 3D earning its place: showing the thing itself, not decorating the page around it.
And when it does not carry meaning, we will say so. Motion for its own sake is the fastest way to make a serious site feel like a gimmick, and it costs speed, which is credibility. Our own design rule applies to client work too: every effect must evoke real depth or craft, and if it does not add meaning, we cut it.
What does performant 3D on the web take?
A budget for every device
A scene that is smooth on a workstation and a slideshow on a phone is a failed scene. We build to the modest phone first: compressed glTF models, and scenes sized to a per-device budget, so the experience holds up where your visitors actually are.
Animation on the compositor only
The browser can move and fade things on the GPU without redoing layout, and that is the only kind of animation we ship. Transforms and opacity, never layout properties. It is the difference between motion that glides and motion that stutters.
Progressive enhancement
The 3D layer is added on top of a page that already works. Content is generated statically and served from the edge; if a device cannot run the scene, the visitor still gets a fast, complete site rather than a blank stage.
Respect for reduced motion
Some visitors ask their device for less movement, and the site should listen. Under reduced motion our scenes and reveals give way to calm static alternatives, the way the live water shader on a recent project falls back to a still gradient. Nothing depends on motion to be readable.
Where can you see it running?
The clearest proof is a recent build: a real-time 3D site with seven themed scenes, each with its own palette and mood, running smoothly on desktop and mobile. Built with Three.js and compressed glTF models, translated into five languages by a model running locally through Ollama at zero API cost, and served statically from the edge.
Read the case study3D flavour can serve a small business too. For a pool-maintenance company in Grande Lisboa, we opened the site submerged in a hero of live pool-water caustics, used with restraint: impact in the immersive zones, readability everywhere, and a static fallback under reduced motion.
See the projectAt product scale, the same craft runs a web app: a Pokémon guessing game with 39 modes, wrapped in a handheld-console aesthetic, with daily challenges, per-generation content, and switchable themes. Fast, and genuinely fun to keep opening.
See rayquizzAnd this site is part of the proof: the depth gauge beside our homepage hero is a live instrument, not an image, built with the same discipline we sell.
See it on the homepageFAQ
Common questions.
Does 3D make a website slow?
Only when it is built carelessly. We compress models, size every scene to a device budget, animate only on the compositor, and serve the page statically from the edge, so the 3D rides on top of a site that is already fast. The target is simple: smooth on a phone, with no plugins to install.
What do you build interactive 3D with?
Real-time 3D runs on Three.js and WebGL, directly in the browser. Around it we use the same stack as the rest of our work: frameworks like Nuxt or Astro, static generation, and Cloudflare's edge for delivery. Nothing to install, and nothing that ties the experience to one platform.
What happens for visitors who prefer less motion?
Their device tells us, and the site listens. Under reduced motion, scenes and scroll reveals give way to calm static alternatives, and no content depends on movement to be readable. Accessibility is part of the craft, not an exception to it.