Zero-shift skeleton loading states measured directly from your real components.
Skullet is a zero-dependency skeleton loading library created by Lochie Axon that eliminates layout shifts by measuring real components instead of hand-drawn placeholders. By rendering unseen components against sample data, Skullet captures exact browser line boxes via DOM Ranges and trims them to canvas-measured font metrics, ensuring incoming content aligns pixel-for-pixel. All skeletons synchronize to a unified shimmer phase inside a CSS-isolated shadow root, while intelligent reveal modes—including sequences, crossfades, and sweeps—bring content to life. Features persistent shape caching, SSR zero-CLS streaming, and first-class bindings for React, Vue, Svelte, and vanilla JavaScript.