react-circles

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'

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