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
Author
- Andrew Moss - Creator - agmoss