Atomic loading placeholder with a looping shimmer, free-form width/height, and a --bkw-skeleton-border-radius custom property for custom shapes like circular avatars.
Available components
Text paragraph
Loading
Loading (dark)
Loaded
Skeleton ships as a single atomic bar on purpose — there is no SkeletonGroup or paragraph composite. Stack a few instances yourself instead.
Loaded (dark)
Skeleton ships as a single atomic bar on purpose — there is no SkeletonGroup or paragraph composite. Stack a few instances yourself instead.
Circular avatar shape
Loading
Loading (dark)
Loaded
TF
Tanja Frei
Loaded (dark)
TF
Tanja Frei
Simulated data fetch
A realistic loading sequence: the profile skeleton renders immediately, then swaps to the fetched data once the simulated request resolves. Use the button to replay the fetch with a different profile.