skelly reads your rendered UI and generates pixel-accurate loading states for it — components, pages, images, text, tables. Shimmer, pulse, or optimistic. On the server too.
Every app needs loading states, and every team hand-rolls them — one gray-box component per real component, forever drifting out of sync.
skelly reads your rendered UI and generates pixel-accurate skeletons automatically: components, whole pages, images, text, tables. Pick shimmer, pulse, or optimistic. It works at build time too, so skeletons ship in the first byte of server HTML — no hydration flash, zero layout shift.
2.1 kB gzip, zero dependencies, framework-agnostic core with React / Vue / Svelte adapters. npm i skelly and wrap anything.
We built this because loading states are the most-copied, least-loved code in every codebase. Would love your feedback 🦴
Report
finally something that gets shimmer placements right without me tweaking every component, honestly saved me a chunk of time on the last build
Report
Maker
@kuzeyozbas33462 That's the whole reason I built it — tweaking shimmer per component gets old fast. Glad it saved you time. If you ever hit a layout where the placement looks off, open an issue, I'm keen to see it. Thanks a lot!
Report
No reviews yetBe the first to leave a review for Skelly
finally something that gets shimmer placements right without me tweaking every component, honestly saved me a chunk of time on the last build
@kuzeyozbas33462 That's the whole reason I built it — tweaking shimmer per component gets old fast. Glad it saved you time. If you ever hit a layout where the placement looks off, open an issue, I'm keen to see it. Thanks a lot!