Open case study →
  1. UN4SEEN Ride — 3D product configurator: Motocross gear configurator — riders build their kit and watch it change live.
  2. EBB Institut — Full-stack website + WebGL: Next.js site with R3F visualization showing how time attacks concrete and how testing saves it — shaders, 3D models, SEO and a full admin panel.
  3. JuTech Hero — Interactive 3D website: A multi-state WebGL hero that changes shape as the story moves.
  4. Green Lantern: Sector 2814 — WebGL experience: A personal WebGL project — built for the craft, not the brief.
  5. ATIS Virtual Campus — 3D walkthrough: An agricultural-tech education institute you can walk through in your browser — modeled in Blender, built in React Three Fiber, realistic.
  6. Kronberg WatchSafe — Shopify + 3D: A luxury watch-safe store — Shopify, custom design, and 3D modeling end to end.
  7. AirlabOne — Interactive 3D product: Medical devices modeled and made interactive — turn the machine on, press its panel, hear the audio, watch it work exactly as the real thing does.
  8. Switch Configurator — Shopify 3D configurator: Every build maps to a real variant and goes straight to checkout.
  9. CoverSeal V10 — 3D product configurator: A pool cover system specified in 3D before it is ever ordered.
  10. Ring Configurator — WebGPU showcase: Metal, stone and light — a technical study in WebGPU and TSL.
  11. Speaker Showcase — Scroll experience: A portable speaker taken apart, piece by piece, as you scroll.
  12. Veranda Configurator — 3D configurator: Sizes, roofs and finishes for the Dutch market, priced in real time.
  13. Project 13 — TODO: Placeholder — replace with real project.
  14. Project 14 — TODO: Placeholder — replace with real project.
  15. Project 15 — TODO: Placeholder — replace with real project.
  16. Project 16 — TODO: Placeholder — replace with real project.
  17. Project 17 — TODO: Placeholder — replace with real project.
  18. Project 18 — TODO: Placeholder — replace with real project.
  19. Project 19 — TODO: Placeholder — replace with real project.
  20. Project 20 — TODO: Placeholder — replace with real project.
  21. Project 21 — TODO: Placeholder — replace with real project.
  22. Project 22 — TODO: Placeholder — replace with real project.
  23. Project 23 — TODO: Placeholder — replace with real project.
  24. Project 24 — TODO: Placeholder — replace with real project.
  25. Project 25 — TODO: Placeholder — replace with real project.
  26. Project 26 — TODO: Placeholder — replace with real project.
  27. Project 27 — TODO: Placeholder — replace with real project.
  28. Project 28 — TODO: Placeholder — replace with real project.
  29. Project 29 — TODO: Placeholder — replace with real project.
  30. Project 30 — TODO: Placeholder — replace with real project.