// UI Lab

Experimentos visuales

Lo que la web puede hacer hoy: mundos 3D, partículas, shaders e historias al scroll. Hechos a mano, sin plantillas.

Universo navegable

Una galaxia de miles de estrellas y nebulosas. Arrastra para viajar, rueda para acercarte.

Three.jsWebGL3D

Nombre en partículas

Miles de puntos forman un texto y huyen del cursor. Escribe el tuyo y míralo armarse.

CanvasPartículas

Terminal

Un CV que se escribe solo en una terminal retro. Acepta comandos de verdad: prueba "help".

JS puroConcepto UI

Historia al scroll

Baja y la página se cuenta sola: escenas que entran, giran y se arman al ritmo del scroll.

CSS modernoScroll

Santuario

Un relato por capítulos: luna bermellón, montañas de tinta y el oficio del código contado como una caminata.

EditorialScrollCanvas

Globo de datos

La Tierra en miles de puntos, con arcos de luz que conectan proyectos entre ciudades. Gírala con el dedo.

Three.jsWebGLDatos

Página líquida

Cuatro escenas que no cambian con un corte: la nueva invade a la anterior como tinta derramada.

ShaderWebGLConcepto UI

Carrusel cilíndrico

Tus proyectos parados en círculo formando un cilindro 3D. Gíralo con el dedo y suéltalo con impulso.

CSS 3DSin librerías

Lienzo infinito

Una galería que arrastras en cualquier dirección y nunca termina, con zoom hacia el cursor e inercia.

CanvasSin librerías

Túnel de galería

Vuela por un túnel sin fin hecho con tus proyectos. Mantén presionado para acelerar.

Three.jsWebGL

Scroll con imágenes

Cuatro formas de contar con fotos cuando el dedo baja: apiladas, secuencia de cuadros, galería lateral y revelado.

ScrollCanvasCSS

Así nace un sitio web

Baja y una web se construye sola: del boceto gris al sitio terminado, con el vapor saliendo de la taza al final.

ScrollSecuenciaCanvas

Un sitio con imágenes vivas

Una web completa de cafetería donde el vapor sube solo y las fotos respiran. Sin video y sin JavaScript.

CSSSpriteSin JS

La taza en 3D

Un objeto 3D de verdad que gira con el scroll, con luz, sombra y vapor de partículas. Sin descargar ningún modelo.

Three.js3DScroll

Giro 360 de producto

La técnica de las tiendas: 36 fotos sobre plato giratorio y el dedo elige cuál se ve. Gira con el scroll y con arrastre.

Fotos360Canvas
// ¿sin internet? corre 0 · HI 0
Pulsa espacio o toca para saltar
Cargando…