React Loaders Library

A high-quality, customizable collection of React loader components for your UI: skeletons, spinners, bars, dots, rings, waves, and more. Perfect for modern web apps!

---

✨ Features

- ⚡ 10+ unique loader components (spinners, skeletons, bars, dots, rings, and more)
- 🎨 Fully customizable via props
- 🪶 Lightweight & tree-shakable
- 🛡️ 100% TypeScript & type-safe
- 🧩 Easy integration with any React project
- 📦 Ready for production

---

📦 Installation

``bash
npm install @akshay-bhalala/loaders
`

---

🚀 Quick Usage

`tsx
import React from 'react';
import {
SkeletonLoader,
SpinnerLoader,
DotsLoader,
BarLoader,
PulseLoader,
RingLoader,
WaveLoader,
DualRingLoader,
BounceLoader,
CircularProgressLoader,
} from '@akshay-bhalala/loaders';

const Example = () => (

);
`

---

🧩 Components & Props

$3

- width, height, borderRadius, style, className

$3

- size, color, thickness, style, className

$3

- size, color, dotSpacing, style, className

$3

- width, height, color, backgroundColor, borderRadius, style, className

$3

- size, color, style, className

$3

- size, color, thickness, style, className

$3

- barCount, barWidth, barHeight, color, gap, style, className

$3

- size, color, thickness, style, className

$3

- ballCount, size, color, gap, style, className

$3

- size, color, thickness, style, className

---

📚 Example: Customizing a Loader

`tsx

``

---

🛠️ Contributing

Pull requests and issues are welcome! Please open an issue to discuss your idea or bug before submitting a PR.

---

📄 License

MIT

---

👤 Author

Akshay Bhalala

- NPM Profile
- GitHub

---

> Happy loading! 🎉

---

🏷️ Keywords

react, loader, loaders, spinner, skeleton, progress, bar, dots, ring, wave, pulse, bounce, circular, component, ui, typescript, indicator, loading, animation

---