Everyday

Playground

Skeleton

ui
control

Loading placeholder for content

Animated skeleton screens during data fetch

import { Skeleton } from "@everydayos/ui";

Usage

Loading placeholder for a card

Examples

Profile Skeleton

Loading placeholder for user profile

Composition

Pairs well with

Stack
Surface
Grid

When to avoid

  • Content is loaded — show actual content instead
  • Need spinner — use a spinner component instead