react-circles

Spinning canvas circles

Usage no npm install needed!

<script type="module">
  import reactCircles from 'https://cdn.skypack.dev/react-circles';
</script>

README

react-circles NPM Package

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