Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/maxs15/react-native-spinkit

A collection of animated loading indicators for React Native
https://github.com/maxs15/react-native-spinkit

Last synced: 5 days ago
JSON representation

A collection of animated loading indicators for React Native

Host: GitHub
URL: https://github.com/maxs15/react-native-spinkit
Owner: maxs15
License: mit
Created: 2015-08-22T20:17:32.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2024-12-15T09:17:05.000Z (about 1 month ago)
Last Synced: 2025-01-16T01:11:25.108Z (12 days ago)
Language: Objective-C
Size: 452 KB
Stars: 2,383
Watchers: 27
Forks: 300
Open Issues: 45
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)
awesome-ui-component-library - React Native Spinkit - native-spinkit.svg?label=&style=social)](https://github.com/maxs15/react-native-spinkit) - A collection of animated loading indicators for React Native (React Native / Special use case libraries)
awesome-react-native-native-modules - react-native-spinkit ★1230
awesome-reactnative-ui - react-native-spinkit
awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)
awesome-reactnative-ui - react-native-spinkit
awesome-react-native - react-native-spinkit
awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)
ReactNativeMaterials - react-native-spinkit
awesome-react-native-ui - react-native-spinkit ★657 - A collection of animated loading indicators for React Native (Components / UI)
awesome-react-native - react-native-spinkit ★1585 - A collection of animated loading indicators for React Native (Components / UI)

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/).

## Use your beautiful spinner to sell in-app purchases 👇



	






## Preview

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

## Getting started

`npm install react-native-spinkit@latest --save`

For RN < 0.40 support, use [email protected]

##### 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 Max, [MIT license](/LICENSE).