ETG LAB
Don’t read about it. Try it.
Each experiment is built with the same techniques we use on client projects. Change the settings and see the result instantly; nothing to install.
Interface Playground
Make the design decisions for an interface yourself. Every change shows up in the sample site at once; the five presets change the layout, not just the colours.
React 19, CSS custom properties, URL state, TypeScript
Open the experiment: Interface PlaygroundMotion Studio
The same GSAP engine that drives the motion on this site. Pick an animation, change the settings; the timeline and the generated code update together.
GSAP 3, requestAnimationFrame, React 19, TypeScript
Open the experiment: Motion Studio3D Interaction Lab
Three scenes, four materials, adjustable light. Drawn entirely in the browser with WebGL; it pauses off-screen and frees its resources when you leave.
Three.js (WebGL), PBR materials, Pointer events, TypeScript
Open the experiment: 3D Interaction Lab