ETG LAB
No lo leas, pruébalo.
Cada experimento usa las mismas técnicas que aplicamos en proyectos de clientes. Cambia los ajustes y mira el resultado al instante; sin instalar nada.
Interface Playground
Toma tú las decisiones de diseño. Cada cambio aparece al momento en el sitio de ejemplo; los cinco presets cambian la maquetación, no solo los colores.
React 19, CSS custom properties, URL state, TypeScript
Abrir el experimento: Interface PlaygroundMotion Studio
El mismo motor GSAP que mueve este sitio. Elige una animación y cambia los ajustes; la línea de tiempo y el código generado se actualizan a la vez.
GSAP 3, requestAnimationFrame, React 19, TypeScript
Abrir el experimento: Motion Studio3D Interaction Lab
Tres escenas, cuatro materiales, luz ajustable. Se dibuja por completo en el navegador con WebGL; se pausa fuera de pantalla y libera sus recursos al salir.
Three.js (WebGL), PBR materials, Pointer events, TypeScript
Abrir el experimento: 3D Interaction Lab