Three.js / WebGL

Real-time 3D that runs in the browser

Three.js and WebGL development for interactive product experiences, custom visual effects, and browser-based 3D. Written by a 3D artist who learned web development - the visuals are the priority, not just the code.

Start a Project View Portfolio

Why work with me

3D artist perspective

Most WebGL developers come from front-end development and learn 3D as needed. Coming from a 3D art background means the materials look right, the lighting is correct, and the experience feels like the intended product - not a technical demo.

Product configurators

3D product viewers and configurators that let customers explore colors, materials, and configurations in real time in the browser. No plugin required, works on desktop and mobile.

Custom GLSL shaders

Bespoke visual effects that go beyond built-in Three.js materials. Procedural surfaces, animated effects, post-processing - written to match the visual brief, not just the technical spec.

Real projects. Real clients.

A selection of relevant work from 10+ years of practice.

Interactive Product Viewer

WebGL Product Configurator

Built a browser-based 3D product configurator using Three.js and custom GLSL shaders. Users could switch between 12 material and color options in real time with photorealistic rendering quality. Optimised for mobile.

WebGL Installation

Browser-Based Generative Visual

Custom WebGL generative art installation for a cultural event - procedural particle system with custom shaders running in-browser on venue display screens. No installation required.

Frequently Asked Questions

Does Three.js work on mobile devices?

Yes, with appropriate optimization. Three.js runs on mobile WebGL, but mobile GPU constraints require careful attention to polygon counts, texture sizes, and shader complexity. I optimize for the target devices as part of the build.

Can a Three.js product viewer integrate with a Shopify or WooCommerce store?

Yes. A Three.js viewer can be embedded as a web component or custom integration into any e-commerce platform. The 3D viewer can read product variant data from the store's API to drive color and material changes.

How does Three.js compare to building a native app for 3D product experiences?

For most product configurator and visualization use cases, Three.js in the browser is faster to deploy, requires no app install, and works across all devices. Native apps are only worth the extra cost when you need capabilities the browser cannot provide.