Ctrl+K

Skeleton

Use to show a placeholder while content is loading.

Installation

$npx maddex add Skeleton

Start with the familiar shadcn profile-card loading state: a circular avatar placeholder and stacked text rows.

Build repeated loading rows by pairing rounded avatar placeholders with staggered text widths.

Mix different heights and widths to sketch a richer analytics loading state without leaving the base Skeleton primitive.