Esempi

Ogni esempio mostra markup reale. Usa l’interruttore per trasformarlo in skeleton e apri la scheda Codice per vedere il sorgente.

Scheda profilo

Avatar, nome, bio e azioni.

User avatar

Ada Lovelace

Principal engineer · enjoys skeletons that never shift the layout.

Riquadri statistiche

Una riga di schede KPI.

Utenti

12.4k

Ricavi

$84k

Abbandono

1.2%

Anteprima articolo

Immagine di copertina, titolo ed estratto.

Progettare stati di caricamento resilienti

Perché gli skeleton che preservano il layout battono gli spinner sulla performance percepita.

Thread di commenti

Un elenco di avatar + testo.

Scheda prodotto

Immagine, prezzo e CTA.

Aurora Headphones

$199.00

Modulo

Gli input diventano ossa di tipo input.