Package Exports
- react-native-spinkit
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-spinkit) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
react-native-spinkit
A collection of animated loading indicators
React native port of SpinKit.
👇 Give it a try or just some love ⭐
Preview

Getting started
npm install react-native-spinkit@latest --save
For RN < 0.40 support, use react-native-spinkit@0.1.5
Automatically link the library
react-native link
For RN projects < 0.29 link the library automatically using RNPM
rnpm link react-native-spinkit
Manual linking - IOS
Follow the wiki available here
Manual linking - Android
Follow the wiki available here
Example
Check index.ios.js in the Example folder.
Properties
| Prop | Default | Type | Description |
|---|---|---|---|
| isVisible | true |
boolean |
Visibility of the spinner |
| color | #000000 | string |
Color of the spinner |
| size | 37 | number |
Size of the spinner |
| type | Plane | string |
Style type of the spinner |
List of available types
- CircleFlip
- Bounce
- Wave
- WanderingCubes
- Pulse
- ChasingDots
- ThreeBounce
- Circle
- 9CubeGrid
- WordPress (IOS only)
- FadingCircle
- FadingCircleAlt
- Arc (IOS only)
- ArcAlt (IOS only)
Acknowledgements
IOS library: SpinKit-ObjC
Android library: Android-SpinKit
License
(c) 2016 Maxime Mezrahi, MIT license.