Component Lab
Esperimenti UI interattivi e micro-interazioni. Passa il mouse, scrolla e clicca.
// Micro-interazioni CSS
Animazioni UI in loop realizzate interamente con CSS keyframes. Senza JavaScript, senza librerie — solo @keyframes ed easing elastico.
// Testo Reveal allo Scroll
Parole e caratteri si rivelano mentre scorri. Fatto con IntersectionObserver, senza librerie.
Design is not just what it looks like and feels like. Design is how it works.
Build · Ship · Iterate
// Card Prodotto
Card e-commerce con tilt 3D all'hover e overlay scorrevole per azioni rapide.
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 prodotto si trasforma mentre scorri — apparendo, ruotando, scalando e rivelando dettagli.
// Animazione Aggiungi al Carrello
Micro-interazione: il pulsante si trasforma, il prodotto vola nel carrello, il contatore rimbalza.
// Transizioni di Pagina
Demo View Transitions API con effetti fade, slide e morph tra le pagine.
Welcome
A modern storefront with curated collections and seasonal highlights.
// Componenti Drawer
Drawer inferiori e laterali con drag-to-dismiss, snap points, annidamento e form. CSS puro + React vanilla.