# react-native-spinkit

> A collection of animated loading indicators for React Native

Latest version **1.5.1** (published 2020-10-04) · 0 weekly downloads

## Install

```sh
npm install react-native-spinkit
pnpm add react-native-spinkit
yarn add react-native-spinkit
bun add react-native-spinkit
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.5.1 |
| Published | 2020-10-04 |
| First published | 2015-08-23 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 398.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 2431 |
| Author | Maxime Mezrahi |
| Maintainers | maxs15 |
| Keywords | react-component, react-native, ios, android, spinkit, spinner, loader, indicator |

## Links

- npm: https://www.npmjs.com/package/react-native-spinkit
- Repository: https://github.com/maxs15/react-native-spinkit
- Homepage: https://github.com/maxs15/react-native-spinkit#readme
- Issues: https://github.com/maxs15/react-native-spinkit/issues
- npm.io page: https://npm.io/package/react-native-spinkit

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.5.8

## Alternatives

- [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads
- [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads
- [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads
- [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads
- [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads

## Recent versions

- 1.5.1 (latest) — 2020-10-04
- 1.5.0 — 2019-09-27
- 1.4.1 — 2019-07-30
- 1.4.0 — 2019-07-21
- 1.3.0 — 2019-05-15
- 1.2.0 — 2019-03-13
- 1.1.1 — 2017-08-05
- 1.1.0 — 2017-08-04
- 1.0.3 — 2017-06-13
- 1.0.2 — 2017-01-26
- 1.0.1 — 2017-01-19
- 1.0.0 — 2017-01-09
- 0.1.5 — 2016-11-15
- 0.1.4 — 2016-11-15
- 0.1.3 — 2016-08-22
- … 14 more at https://npm.io/package/react-native-spinkit/versions

## README

# react-native-spinkit

[![npm](https://img.shields.io/npm/dm/react-native-spinkit.svg?maxAge=2592000)]()
[![npm](https://img.shields.io/npm/dt/react-native-spinkit.svg?maxAge=2592000)]()   

A collection of animated loading indicators   
React native port of [SpinKit](http://tobiasahlin.com/spinkit/).

## 👇 Give it a try or just some love ⭐
<a href="https://bit.ly/react-native-iaphub" title="IAPHUB link">
	<img width=882px src="https://www.iaphub.com/github-rn-ad.png" alt="IAPHUB logo">
</a>
<br/>

## Preview
![](http://i.imgur.com/AwJsakU.gif)

## 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](https://github.com/rnpm/rnpm)
`rnpm link react-native-spinkit`

##### Manual linking - IOS
Follow the wiki available [here](https://github.com/maxs15/react-native-spinkit/wiki/Manual-linking---IOS)

##### Manual linking - Android
Follow the wiki available [here](https://github.com/maxs15/react-native-spinkit/wiki/Manual-linking---Android)

## Example
Check [index.ios.js](https://github.com/maxs15/react-native-spinkit/blob/master/Example/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](https://github.com/raymondjavaxx/SpinKit-ObjC)   
Android  library: [Android-SpinKit](https://github.com/ybq/Android-SpinKit)

## License

(c) 2016 Maxime Mezrahi, [MIT license](/LICENSE).

---
_Source: https://npm.io/package/react-native-spinkit · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._