react-circles

react-circles ![NPM Package](https://www.npmjs.com/package/react-circles)

A small react component to for rendering a rotating circle animation. Example

Installation

npm i react-circles

Props

Props (* required)	Default	Description	Type
`numCircles` *	`undefined`	Number of circles to render	`number`
`speed` *	`undefined`	Speed at which the circles rotate	`'fast' \| 'slow'`

Usage

import Circles from 'react-circles'

<Circles numCircles={60} speed={'slow'}/>

// Full Screen with background color 

<div style={{height:window.innerHeight, width:window.innerWidth, backgroundColor:"black"}}>
    <Circles numCircles={60} speed={'slow'}/>
</div>

Features

The

react-circles

component is responsive and inherits its width, height, and background-color properties from its parent element

License

MIT

Author

Andrew Moss
- Creator
  - agmoss