skeleton

Loading placeholder with shimmer animation.

status: stable js: none support: baseline

Preview

<div class="skeleton"></div>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/skeleton.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add skeleton

Decorative; aria-hidden or a loading status nearby

.skeleton .skeleton-circle .skeleton-text

base/tokens