Base/Skeleton

Skeleton

A loading placeholder that mimics the shape of the content it replaces. Use it to prevent layout shift and give users a visual cue that content is loading.

Basic Shapes

Compose skeletons by adjusting size and border-radius.

Card

Loading placeholder for a standard card.

Table Row

Loading placeholder for a data table.

Profile Header

Loading state for a user profile section.