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