DEV Community

Virendra Patil
Virendra Patil

Posted on

Auto Generate Skeleton Loaders (No Manual Work)

Tired of creating separate skeleton components for every UI? 😩

I built a small npm package that solves this 👇

👉 auto-loading-skeleton
[https://www.npmjs.com/package/auto-loading-skeleton]

⚡ What it does
Just wrap your component and it automatically generates a matching skeleton UI.

No duplication. No maintenance.

🛠️ Usage

import { AutoSkeleton } from "auto-loading-skeleton";
<AutoSkeleton loading={isLoading}>
  <YourComponent />
</AutoSkeleton>

Enter fullscreen mode Exit fullscreen mode

🔥 Why use it?

  • No manual skeleton design
  • Always matches your UI
  • Saves development time
  • Clean & simple

Perfect for
Dashboards, cards, API-based UI, and modern apps.

Would love your feedback 🙌

Top comments (0)