Component Lab
Experimentos interactivos de UI y micro-interacciones. Pasá el mouse, scrolleá y hacé click.
// Micro-interacciones CSS
Animaciones UI en loop hechas enteramente con CSS keyframes. Sin JavaScript, sin librerías — solo @keyframes y easing elástico.
// Texto Reveal al Scroll
Palabras y caracteres se revelan mientras scrolleás. Hecho con IntersectionObserver, sin librerías.
Design is not just what it looks like and feels like. Design is how it works.
Build · Ship · Iterate
// Tarjeta de Producto
Tarjetas e-commerce con tilt 3D al hover y overlay deslizante para acciones rápidas.
Ceramic Vase
$89
Hand-thrown stoneware with a reactive glaze finish. Each piece is unique.
Oak Desk Lamp
$124
Solid oak base with adjustable brass arm. Warm LED bulb included.
Linen Throw
$65
Stonewashed Belgian linen. Softens beautifully with every wash.
// Scroll Product Reveal
Un producto se transforma mientras scrolleás — apareciendo, rotando, escalando y revelando detalles.
// Animación Agregar al Carrito
Micro-interacción: el botón se transforma, el producto vuela al carrito, el contador rebota.
// Transiciones de Página
Demo de View Transitions API con efectos fade, slide y morph entre páginas.
Welcome
A modern storefront with curated collections and seasonal highlights.
// Componentes Drawer
Drawers inferiores y laterales con drag-to-dismiss, snap points, anidamiento y formularios. CSS puro + React vanilla.