Skeleton Screens for Your UI (Website)

DEVOURED

Design frontend Boneyard

Boneyard automates skeleton screen generation by capturing snapshots of your live UI to create precisely sized placeholders.

What: Boneyard captures a flat list of positioned and sized rectangles that mirror an existing page layout to generate loading skeletons.

Decoder

Skeleton screen: A blank version of a page into which information is gradually loaded, used to reduce the perception of latency.

Original article

boneyard snapshots your real UI and captures a flat list of skeleton "bones" — positioned, sized rectangles that mirror the page exactly.