Skeleton Component

Loading placeholder that renders a shimmer sweep or pulse animation. Add .skeleton to any element and set its dimensions via width / height / border-radius. All child content is automatically hidden.

Notes

Shimmer (default)

Text lines

Circle avatars

Square thumbnails

Pulse (skeleton-pulse)

Text lines

Circle + square

Use cases

Article card

List items

Form skeleton

Profile card

Article card (pulse)

List items (pulse)

For regular loading indicators, see demo-spinner.html.