🦴 React Skeletonize

Automatically generate skeleton loaders based on your JSX structure — no configuration, no custom markup, just React.

✨ Features

• ⚡ Zero-config: Just wrap your components and go
• 🎨 Renders skeletons based on actual component structure
• 🧠 Clean architecture: render + logic fully separated
• 💅 Tailwind-ready, but also works with any CSS

🚀 Installation

npm install react-skeletonizer
# or
yarn add react-skeletonizer

📖 Usage

Wrap your components

import { Skeletonizer } from "react-skeletonizer"

const App = () => (
  <Skeletonizer loading={true}>
    <div>
      <h1>Hello, world!</h1>
      <p>This is a paragraph.</p>
      <button>Click me!</button>
    </div>
  </Skeletonizer>
)