
# React Loader Spinner
[](https://www.npmjs.com/package/react-loader-spinner)
[](https://www.npmjs.com/package/react-loader-spinner)


[](https://www.npmjs.com/package/react-loader-spinner)


**Simple, lightweight React SVG spinner components**
Perfect for async operations and loading states
[📚 Documentation](https://mhnpd.github.io/react-loader-spinner/) • [🎨 Live Demo](https://mhnpd.github.io/react-loader-spinner/docs/category/components/) • [💻 CodeSandbox](https://codesandbox.io/p/sandbox/react-loader-spinner-86zm9s)
---
## ✨ Features
- 🎯 **35+ Beautiful Spinners** - Wide variety of loading animations
- 🎨 **Fully Customizable** - Colors, sizes, and styles
- 📦 **Lightweight** - Zero dependencies (except React)
- 🌲 **Tree-shakeable** - Import only what you need
- 💪 **TypeScript** - Full type definitions included
- ⚡ **React 17, 18 & 19** - Compatible with all modern React versions
- 🎭 **No CSS Required** - Pure SVG animations
- ♿ **Accessible** - ARIA labels and semantic HTML
## 📦 Installation
```bash
npm install react-loader-spinner
```
Or using yarn:
```bash
yarn add react-loader-spinner
```
## 🚀 Quick Start
```jsx
import { Audio } from 'react-loader-spinner'
function App() {
return (