Amazing Spinners in React with React Spinners Components

An amazing list of 14 React loading spinner components built with pure CSS.

How to use it:

1. Installation with NPM.

# NPM
$ npm i react-spinners-css

2. Import a loading spinner as a component into the React app. All loading spinners:

• <Circle/>
• <Default/>
• <Ellipsis/>
• <DualRing/>
• <Facebook/>
• <Grid/>
• <Heart/>
• <Hourglass/>
• <Ring/>
• <Ripple/>
• <Roller/>
• <Spinner/>
• <Orbitals/>
• <Ouroboro/>

import { Circle, Default } from 'react-spinners-css';

3. Add the loading spinner to the app.

<Circle />
<Circle color="red" />
<Circle color="#be97e8" size={150} />

Preview:

Download Details:

Author: JoshK2

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/JoshK2/react-spinners-css

License: MIT

#react #reactjs