Boneyard Studio
Pixel-perfect skeleton screens from real UI layouts
Boneyard Studio — pixel-perfect skeleton screens from your real UI layouts, with live toggle, bone JSON validation tools
How to use Boneyard Studio
- Pick the profile, pricing or user table preset and toggle between the real UI and its skeleton
- Drag the viewport slider to see resolveResponsive pick the 375 or 1280 breakpoint
- Switch light and dark bone colours and start or stop the 1.8 second pulse animation
- Paste any bones JSON into the validator to check every bone and render it instantly
- Copy the framework snippet or download the bones JSON for your own app
Features
- Built on the real 0xGF/boneyard repo with its exact shimmer, pulse and colour constants
- Three presets are verbatim captured bones from the repos own bones directory
- Live toggle swaps each sample UI for the skeleton that mirrors its exact layout and spacing
- Breakpoint resolution, bone normalisation and circle detection match the real runtime code
- Bones JSON validator accepts compact tuples and object bones, with the real error rules
- Honest scope: DevTools and CLI capture cannot run in a browser, so capture is documented, not faked
Frequently asked questions
Is it free?
Yes, unlimited.
Login to use this free online tool. Create a free account to get started.