ETG SOFT

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.

  1. 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 Playground
  2. Motion 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 Studio
  3. 3D 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