Skeleton

A skeleton is a grey placeholder that shimmers while real content loads, so the layout does not jump.

<div class="skeleton"></div>
<div class="skeleton" style="width:80%"></div>

Placeholder lines

Lines

Stack a few skeleton blocks to stand in for text.

<div class="skeleton"></div>
<div class="skeleton"></div>
<div class="skeleton" style="width:70%"></div>

Three placeholder lines

In a card

Drop them into a card to hold a card-shaped space.

<div class="card">
  <div class="skeleton" style="height:80px"></div>
  <div class="skeleton"></div>
  <div class="skeleton" style="width:60%"></div>
</div>

A card-shaped placeholder