v0.1 — React, React Native, Expo
The last skeleton loader you'll install.
@kenildev007/skeleto reads your real UI and generates pixel-matching skeletons on the fly. One component. Web, iOS, Android, Expo. 60 FPS. Zero config.
npm install @kenildev007/skeletoLive: same component, toggling every 2 seconds
Loading content
↑ This skeleton is generated from the actual UserCard's DOM. No fixture file. No CLI. We just measure.
One API
Same <AutoSkeleton> on web, iOS, Android, and Expo Go. We pick the right renderer per platform.
No build step
No Playwright. No CLI. No fixture files. Just wrap your component.
60 FPS guaranteed
Animation runs on the compositor (web) or UI thread (native). Never on JS.
Auto role inference
Score-based detection of text, image, circle, icon, rect — works on any tree of primitives.
A11y by default
aria-busy, aria-live, prefers-reduced-motion handled out of the box.
SSR-safe
Next.js App Router with no hydration flash. Verified under 6× CPU throttle.
Three lines.
Wrap your component. Pass loading. That's the whole API.
import { AutoSkeleton } from '@kenildev007/skeleto';
<AutoSkeleton loading={isLoading}>
<UserCard user={user} />
</AutoSkeleton>