WebCraft
mouad_dadda's profile
Mouad Dadda@mouad_dadda•Apr 05
22.1K
Post cover image

GitHub - 0xGF/boneyard: Auto generated skeleton loading framework

From github.com•Apr 05•2m read time

Boneyard is an open-source React library that auto-generates pixel-perfect skeleton loading screens by snapshotting your real DOM using getBoundingClientRect(). Instead of manually crafting placeholder layouts, you wrap components with a <Skeleton> tag, run a CLI build command, and the tool captures element positions at multiple breakpoints to generate matching bone rectangles with pulse animation. Supports responsive breakpoints, customizable colors, and integrates via a single registry import.

7 Comments

Sort:

mouad_dadda's user avatar
Mouad Dadda
@mouad_dadda
JoinedĀ Jul 27. 2022
22.1K

šŸš€ Full Stack DeveloperšŸ’” Passionate about contributing to open-source projects .

Would you recommend this post?

Copy link
WhatsApp
Facebook
X
New Squad
  • Ā© 2026 Daily Dev Ltd.
  • Guidelines
  • Explore
  • Tags
  • Sources
  • Squads
  • Leaderboard