🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple React component made using canvas and window frame animations. Very close in resemblance to that of the Spinner in Android or the loading spinner on YouTube.

Loading React

Documentation

npm downloads total npm version npm license

react-spinner-material

A simple react spinner following Material UI's using only css.

Example of Spinner

Installation

npm install --save react-spinner-material 

or

yarn add react-spinner-material 

PropTypes

Name Type Default Description
size Number 40 The width and height of the spinner
spinnerColor String #333333 The color of the spinner
spinnerWidth Number 5 The width of the spinner's circle
visible Boolean true Whether to show the spinner or not

Usage

Example:

import Spinner from 'react-spinner-material'; import React, { Component } from 'react';  export default class Example extends Component {   render() {   return (       <div>         <Spinner size={120} spinnerColor={"#333"} spinnerWidth={2} visible={true} />       </div>     );   } } 

You May Also Like