Honeycomb

Skeleton

Use to show a placeholder while content is loading.

When To Use

  • To indicate that content is loading.
  • As a placeholder for text, images, or cards.
Basic
A simple skeleton element.
Avatar
A circular skeleton paired with text line placeholders.
Card
A card component with skeleton content inside.
Text
Multiple stacked skeletons with varying widths for text placeholders.