Building interactive web experiences with AI
DIEGETIC — Break The Surface
An experimental WebGL project where the interface is the interaction. A physics-simulated surface fills the screen — drag to tear through it, double-click to trigger a cinematic curtain collapse with air resistance and billowing flutter.
Built with Three.js, Verlet integration physics (9,600+ constraint points), raycaster-driven tearing, real-time shadow mapping, and hand-drawn editorial typography via the Canvas API.
Stack: Three.js · JavaScript · WebGL · Verlet Physics · Canvas API · Space Grotesk
5
4
215
Meet COSMOS: A premium, cinematic 3D web experience built to showcase the highest level of creative frontend development.
I built this interactive solar system to demonstrate that web experiences can feel like high-end applications. Featuring custom GLSL shaders, a 25,000-particle ring system, and buttery-smooth GSAP camera transitions, it’s designed to leave a lasting impression.
2
2
111
AURA is a high-end interactive landing page concept built around the Koenigsegg Agera RS. It transforms a traditional website into a cinematic digital showroom using real-time 3D and refined motion systems.
Features include a live 3D configurator with dynamic pricing, environment switching, camera transitions, animated performance stats, and premium micro-interactions designed to feel tactile and responsive.
Built with Three.js and GSAP, the project demonstrates how modern web technology can elevate storytelling for luxury and high-value brands.
#LuxuryBranding #3DConfigurator #AutomotiveDesign #ImmersiveWeb #InteractiveWebsite #PremiumWebDesign #BrandExperience #CreativeTechnology #WebExperience #ProductShowcase #HighTicketBrands #MotionDesign
3
2
156
NEBULA is a high-fidelity, real-time 3D automotive configurator built with Three.js and GSAP. Designed for luxury brands, it blends cinematic lighting, ACES tone mapping, and precision camera systems to create an immersive product experience.
Users can interactively configure paint finishes, wheels, and exhaust systems with smooth transitions, spatial audio feedback, and custom raycasting.
Built as a static edge-ready deployment, NEBULA demonstrates how advanced WebGL engineering can elevate digital product presentation to a premium, studio-grade experience.
1
2
138
scaling design systems into high‑value, product‑led business
