Skeleton — Outline
AI Pass+May 26, 20262715 views
skeleton#dark-mode#design-tokens#loading#outline#placeholder#responsive#wireframe
Preview
AI Assistant
Code editor locked. Unlock with Atheros AI Pass to open every file, copy, download, and customize it with AI.
Explore Other Components
View all
Skeleton — Pulse
VanillaReact
A pulse skeleton loading placeholder — a list feed of thumbnail rows gently fades its opacity in a soft staggered wave while content loads. Token-driven, design-system agnostic, with dark mode and reduced-motion support.
#skeleton#loading#pulse+5
13271
Skeleton — Layered
VanillaReact
A layered skeleton loading placeholder — a dashboard stat card whose depth layers fade in one after another (header, then the stat line, then the sub-line, then the chart bars left to right) in a continuous loop. Token-driven, design-system agnostic, with dark mode and reduced-motion support.
#skeleton#loading#layered+6
46840
