Build and inspect

Panoramica rapida

Qui trovi mini progetti front-end pensati per farti vedere il codice in azione, non solo in forma di snippet isolato. Ogni esempio nasce per essere aperto, letto, modificato e riusato come base per un pezzo reale di interfaccia.

L’idea non è mostrare effetti fini a se stessi, ma pattern piccoli e leggibili: interazioni, componenti e micro-layout che puoi smontare per capire struttura, stile e comportamento.

Interazioni Componenti UI patterns Codice leggibile
Panoramica visuale di mini progetti front-end e componenti interattivi

Navigation feedback

Scroll Indicator

Indicatore di avanzamento con ritorno rapido all’inizio pagina, utile per landing lunghe e contenuti articolati.

Aggiungi funzionalità

Reveal interaction

Card Interattive

Card animate da studiare per capire come combinare stato, motion e trasformazioni CSS in modo più espressivo.

Ruota le Card

Responsive structure

Minimal Navbar

Navbar minimale e responsive utile come base per header leggeri, menu mobile e navigazione più pulita.

Prova la Navbar

Input experience

Form Effetti Resize

Un form con micro-effetti e variazioni di stato per rendere più curato un pattern che di solito resta troppo anonimo.

Compila il form