boneyard

Skeleton loaders mean measuring every element by hand, and they drift whenever the UI changes. boneyard extracts pixel-perfect skeleton loading screens from your real UI with no manual measurement or hand-tuned placeholders.

It supports React, Preact, Vue, Svelte 5, Angular and React Native, and works with Suspense.

Features

Automatic:Skeletons from real UI.

Pixel-perfect:Aligned exactly.

Frameworks:React, Vue, Svelte, Angular and more.

Suspense:Works with data loading.