A collection of pure CSS React loading components. Based on Luke Haas css-loaders project.
npm install react-css-loaders --save import { BarLoader } from 'react-css-loaders';
...
<BarLoader />
...<BarLoader />
| Name | Type | Default |
|---|---|---|
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
1 |
size |
PropTypes.number |
11 |
<BubbleLoader />
| Name | Type | Default |
|---|---|---|
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
1.8 |
size |
PropTypes.number |
10 |
<BubbleSpinLoader />
| Name | Type | Default |
|---|---|---|
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
1.3 |
size |
PropTypes.number |
20 |
<CometSpinLoader />
| Name | Type | Default |
|---|---|---|
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
1.7 |
size |
PropTypes.number |
90 |
<CylinderSpinLoader />
| Name | Type | Default |
|---|---|---|
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
1.1 |
size |
PropTypes.number |
25 |
<ResizeSpinLoader />
| Name | Type | Default |
|---|---|---|
background |
PropTypes.string |
#000 |
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
2 |
size |
PropTypes.number |
11 |
<RotateSpinLoader />
| Name | Type | Default |
|---|---|---|
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
1.1 |
size |
PropTypes.number |
10 |
<SpinLoader />
| Name | Type | Default |
|---|---|---|
background |
PropTypes.string |
#fff |
color |
PropTypes.string |
#000 |
duration |
PropTypes.number |
1.4 |
size |
PropTypes.number |
10 |
Please check the contributing guide
MIT · Lucas Bassetti
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent