Pattern library

Componenti semplici, ma davvero usabili

Qui trovi pattern front-end piccoli e pratici, pensati per essere letti, copiati e adattati dentro pagine reali. Niente effetti decorativi fini a se stessi: ogni componente risolve un problema comune di interfaccia.

Ogni pagina include una demo funzionante, note d'uso e il link allo snippet HTML/CSS/JS aggiornato nella libreria risorse.

Panoramica visuale di componenti front-end interattivi

Long-form reading

Indice di lettura

Indice con progress bar, sezione attiva e ritorno rapido all'inizio, pensato per guide e documentazione lunga.

Apri componente

Content preview

Card contenuto

Card per risorse, strumenti, articoli o template con badge, meta, CTA e stato salva accessibile.

Apri componente

Responsive navigation

Header accessibile

Header responsive con menu mobile, stato corrente, aria-expanded, focus visibile e chiusura con Escape.

Apri componente

Input experience

Form validato

Form contatto con label, errori collegati ai campi, stato loading e feedback finale annunciabile.

Apri componente