páginas premium para construir con claude code (opus / fable)
hero, nextjs · dark · luxe, technical, calm
hero, nextjs · light · luxe, calm
hero, nextjs · dark · luxe, calm
hero, nextjs · dark · organic, luxe
hero, nextjs · light · brutal, luxe
landing page, threejs, nextjs · dark · technical, luxe
hero, threejs, nextjs · dark · brutal, technical
hero, threejs, nextjs · light · luxe
hero, threejs, nextjs · dark · technical
hero, threejs, nextjs · dark · luxe, playful
landing page, threejs, nextjs · light · brutal, playful
hero, threejs, nextjs · dark · luxe
landing page, threejs, nextjs · light · luxe, calm
threejs, model, shaders · dark · playful, technical
threejs, particles, interactive · dark · luxe, organic
threejs, shaders, interactive · light · playful, luxe
threejs, particles, interactive · dark · organic
threejs, shaders, interactive · light · organic, calm
threejs, shaders, interactive · dark · luxe, organic
threejs, shaders, interactive · light · luxe, calm
threejs, shaders, interactive · dark · luxe, calm
threejs, shaders, interactive · dark · playful, technical
threejs, shaders, interactive · dark · luxe, technical, calm
threejs, shaders, interactive · dark · organic, luxe
threejs, particles, shaders · dark · technical, luxe
threejs, shaders, interactive · dark · technical, brutal
threejs, shaders, interactive · light · calm, organic
threejs, particles, interactive · dark · technical, luxe
threejs, shader, interactive · dark · organic, luxe
threejs, particles, interactive · dark · organic, calm
threejs, shader, interactive · dark · technical, luxe
threejs, particles, interactive · dark · luxe, technical
threejs, particles, interactive · dark · organic, luxe
section, slider, draggable, interactive, 3d · dark · luxe, technical
section, slider, draggable, interactive · light · luxe, organic
section, interactive · light · luxe, organic
section, scroll-driven, interactive · light · luxe, calm
section, scroll-driven, interactive · dark · technical
section, scroll-driven, draggable, interactive · light · playful, luxe
section, scroll-driven, interactive · light · luxe
section, slider, draggable, interactive · dark · luxe, technical
section, slider, draggable, interactive · light · luxe
section, slider, draggable, interactive · dark · luxe, playful
Movimiento hecho con puro css, sin canvas ni librerías — dom + css.
Tipografía en movimiento como protagonista — dom/css + canvas 2d.
La primera pantalla de un sitio, con su titular y su fondo — full html + dom/css + embedded media.
Una escena tridimensional con cámara, luces y materiales — three.js r165.
Una pieza de interfaz con estados y movimiento propio — canvas 2d.
Una pieza de interfaz con estados y movimiento propio — dom + css.
Un botón con vida propia: reacciona al puntero y al clic — dom + css.
La primera pantalla de un sitio, con su titular y su fondo — full html + dom/css + three.js r165.
Un fondo animado a pantalla completa que no le robe protagonismo al contenido encima — canvas 2d + raw webgl.
Un fondo animado a pantalla completa que no le robe protagonismo al contenido encima — raw webgl + canvas 2d.
Un fondo animado a pantalla completa que no le robe protagonismo al contenido encima — raw webgl2 + canvas 2d.
Una pieza de interfaz con estados y movimiento propio — canvas 2d + dom/css.
Una pieza de interfaz con estados y movimiento propio — three.js r149.
Tipografía en movimiento como protagonista — canvas 2d.
Una escena tridimensional con cámara, luces y materiales — three.js r149 + canvas 2d.
Una página de aterrizaje completa, de arriba a abajo — full html + dom/css + three.js.
Movimiento hecho con puro css, sin canvas ni librerías — dom + css 3d + canvas 2d + webgl.
Una escena tridimensional con cámara, luces y materiales — three.js r149.
Un fondo animado a pantalla completa que no le robe protagonismo al contenido encima — raw webgl.
Un botón con vida propia: reacciona al puntero y al clic — raw webgl 2 + dom/css.
Una página de aterrizaje completa, de arriba a abajo — full html + dom/css + javascript.
Un fondo animado a pantalla completa que no le robe protagonismo al contenido encima — three.js r134 + raw webgl + canvas 2d.
Un fondo animado a pantalla completa que no le robe protagonismo al contenido encima — canvas 2d + raw webgl + three.js r128.
Tipografía en movimiento como protagonista — canvas 2d + dom/css.
Movimiento hecho con puro css, sin canvas ni librerías — dom + css 3d.
Una pieza de interfaz con estados y movimiento propio — dom/css.
Un fondo animado a pantalla completa que no le robe protagonismo al contenido encima — canvas 2d.
Un botón con vida propia: reacciona al puntero y al clic — raw webgl + canvas 2d + css.
Una escena tridimensional con cámara, luces y materiales — three.js r128–r160.
La primera pantalla de un sitio, con su titular y su fondo — full html + dom/css + local three.js.
Movimiento hecho con puro css, sin canvas ni librerías — dom + css + javascript.
Una escena tridimensional con cámara, luces y materiales — three.js r128.
Una escena tridimensional con cámara, luces y materiales — three.js r160.
