# Collection of react spinners

[![npm version](https://badge.fury.io/js/r-spinners.svg)][npm_url]
[![license](https://img.shields.io/npm/l/r-spinners.svg)][npm_url]
![Types Included](https://badgen.net/npm/types/r-spinners)

![dependents](https://badgen.net/npm/dependents/r-spinners)
[![weekly downloads](https://badgen.net/npm/dw/r-spinners)][npm_url]
[![weekly downloads](https://badgen.net/npm/dm/r-spinners)][npm_url]
[![downloads](https://img.shields.io/npm/dt/r-spinners.svg)][npm_url]
![jsDelivr](https://badgen.net/jsdelivr/hits/npm/r-spinners)

![Dependency Count](https://badgen.net/bundlephobia/dependency-count/r-spinners)

![minified](https://badgen.net/bundlephobia/min/r-spinners)
![gzip](https://badgen.net/bundlephobia/minzip/r-spinners)

[npm_url]: https://www.npmjs.org/package/r-spinners

## Installation

With Yarn:

```bash
yarn add r-spinners
```

With npm:

```bash
npm install --save r-spinners
```

## Version >= 2.0.0 ( Recommended )
### Follow this documentation - https://punitsonime.github.io/r-spinners



<br /><br /><br />


## Version < 2.0.0 - Follow Below documentation

## Usage

### Each loader have their own default properties. You can override those defaults by passing props into the loaders.

<br />

## Demo of all spinners - https://r-spinners.netlify.app/

### Rounded Spinners - [`Demo`](https://codesandbox.io/s/rounded-spinners-ctkq3w)

### Classic Spinners - [`Demo`](https://codesandbox.io/s/classic-spinners-jg8qb0)

### Infinity Spinners - [`Demo`](https://codesandbox.io/s/infinity-spinners-qq6ij6)

### Dot Spinners - [`Demo`](https://codesandbox.io/s/dot-spinners-ronmuc)

### Bar Spinners - [`Demo`](https://codesandbox.io/s/bar-spinners-z3b8u9)

### Continuous Spinners - [`Demo`](https://codesandbox.io/s/continuous-spinners-cvziqr)

### Progress Spinners - [`Demo`](https://codesandbox.io/s/progress-spinners-btq55g)

### Wobbling Spinners - [`Demo`](https://codesandbox.io/s/wobbling-spinners-yfqkp2)