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

A collection of loading indicators animated with CSS, powered by React.

Loading React

Documentation

better-react-spinkit

npm npm travis standard

A collection of loading indicators animated with CSS, powered by React.

Donate

BTC: 33dgdBhV1Yf5ERKLLKS7ztEAEEx3zTvSkw ETH: 0xa6938ead6d6820377fed78b657e4eb6c5c44d1b3 

Install

npm i better-react-spinkit

Usage

import {   ChasingDots,   Circle,   CubeGrid,   DoubleBounce,   FadingCircle,   FoldingCube,   Pulse,   RotatingPlane,   ThreeBounce,   WanderingCubes,   Wave } from 'better-react-spinkit'  // somewhere in a render function ... <Circle />

Context Configuration

Optionally, you can configure size and color props in context to avoid managing configuration on each instance.

import { default as React, Component, PropTypes } from 'react' import { ThreeBounce } from 'better-react-spinkit'  class Application extends Component {   static childContextTypes = {     betterReactSpinkit: PropTypes.object   };   getChildContext () {     return {       betterReactSpinkit: {         color: 'green',         size: 25       }     }   }   render () {     // Inline props override the contextual settings.     return (       <ThreeBounce size={15} color='blue' />     )   } }

Contributing

Contributions welcome! Please read the contributing guidelines first.

License

ISC

Documentation

👀 docs


You May Also Like