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)