0xGF/boneyard

Health v2 · maintenance only

Adoption not part of the score

7470 stars · 294 forks observed · 2026-10-06

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Boneyard is a skeleton loading screen framework that automatically captures pixel-perfect skeleton placeholders from your real rendered UI via a CLI, eliminating manual measurement. It provides Skeleton components for React, Preact, Vue, Svelte 5, Angular, and React Native, backed by static JSON 'bones' registries.

Use cases

• generate skeleton loading screens automatically from real UI
• avoid hand-tuned skeleton placeholders
• prevent layout shift during data loading
• add skeleton fallbacks to Suspense boundaries with useSuspenseQuery
• generate responsive skeletons matching Tailwind breakpoints
• capture skeletons for React Native apps from a device

When to choose

• you want pixel-perfect skeleton screens that stay in sync with your actual layout
• you maintain hand-written skeleton components and want to automate them
• you use React, Vue, Svelte, Angular, Preact, or React Native and need a tiny (~7.5KB) runtime
• you want incremental, build-time skeleton generation with a Vite plugin

When to avoid

• you need a full loading-state management or data-fetching library
• your UI is highly dynamic at runtime so build-time captured bones would go stale
• you use a framework outside the supported list
• you prefer CSS-only shimmer placeholders without a build step

Facets

library · maturity active

ui-components frontend-framework cli build-tool web-development frontend developer-tools browser cross-platform cli skeleton-loading placeholder-screens react vue svelte angular react-native preact vite-plugin tailwind layout-shift nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="0xGF/boneyard")