Quick Installation & Import
Get started in seconds with your preferred package manager
📦 NPM
npm install react-loader-spinner
🧶 Yarn
yarn add react-loader-spinner
⚡ PNPM
pnpm add react-loader-spinner
🚀 Usage Example
MyComponent.jsx
import { Oval } from 'react-loader-spinner'
function MyComponent() {
return (
<Oval
height={80}
width={80}
color="#4fa94d"
wrapperStyle={{}}
wrapperClass=""
visible={true}
ariaLabel='oval-loading'
secondaryColor="#4fa94d"
strokeWidth={2}
strokeWidthSecondary={2}
/>
)
}
Choose from 35+ Beautiful Spinners
Each spinner is fully customizable with props for colors, size, and animation speed