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

A collection of pure CSS React loading components, based on Luke Haas’ css-loaders.

Loading React

Documentation

React CSS Loaders

Travis CI npm version Coverage Status

A collection of pure CSS React loading components. Based on Luke Haas css-loaders project.

Contents

Getting Start

npm install react-css-loaders --save

Usage

  import { BarLoader } from 'react-css-loaders';   ...   <BarLoader />   ...

Components

BarLoader

Usage

<BarLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1
size PropTypes.number 11

BubbleLoader

Usage

<BubbleLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.8
size PropTypes.number 10

BubbleSpinLoader

Usage

<BubbleSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.3
size PropTypes.number 20

CometSpinLoader

Usage

<CometSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.7
size PropTypes.number 90

CylinderSpinLoader

Usage

<CylinderSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.1
size PropTypes.number 25

ResizeSpinLoader

Usage

<ResizeSpinLoader />

Properties
Name Type Default
background PropTypes.string #000
color PropTypes.string #000
duration PropTypes.number 2
size PropTypes.number 11

RotateSpinLoader

Usage

<RotateSpinLoader />

Properties
Name Type Default
color PropTypes.string #000
duration PropTypes.number 1.1
size PropTypes.number 10

SpinLoader

Usage

<SpinLoader />

Properties
Name Type Default
background PropTypes.string #fff
color PropTypes.string #000
duration PropTypes.number 1.4
size PropTypes.number 10

Authors

Lucas Bassetti
Lucas Bassetti

See also the list of contributors who participated in this project.

How to Contribute

Please check the contributing guide

License

MIT · Lucas Bassetti


You May Also Like