maxs15/react-native-spinkit

A collection of animated loading indicators for React Native

Objective-C

2,430

151 commits

updated Dec 15, 2024

See the code

README

react-native-spinkit

A collection of animated loading indicators
React native port of SpinKit.

Use your beautiful spinner to sell in-app purchases 👇

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

Project health

Overall

1.7/10

Maintained

0/10

Code review

0/10

OpenSSF Scorecard

npm

react-native-spinkit

Latest release

1.5.1 · Oct 4, 2020

Releases this year

Significant stargazers

Shuyu Guo

8,063 followers · starred Feb 2017

Travis Swicegood

553 followers · starred Dec 2019

Ben Gordon

211 followers · starred May 2016

tatiesmars

25 followers · starred Nov 2019

Similar repos

ladjs/react-native-loading-spinner-overlay

💈 React Native loading spinner overlay

1,588

oblador/react-native-progress

Progress indicators and spinners for React Native

3,665

jogboms/flutter_spinkit

✨ A collection of loading indicators animated with flutter. Heavily Inspired by…

3,150

davidhu2000/react-spinners

A collection of loading spinner components for react

3,354

vadimdemedes/ink-spinner

Spinner component for Ink

194

tobiasahlin/SpinKit

A collection of loading indicators animated with CSS

19,323

tomzaku/react-native-shimmer-placeholder

Placeholder/ Skeleton of React Native

1,088

yuanyan/halogen

A collection of loading spinners with React.js

1,616

maxs15/react-native-spinkit

A collection of animated loading indicators for React Native

Objective-C

2,430

151 commits

updated Dec 15, 2024

See the code

README

react-native-spinkit

A collection of animated loading indicators
React native port of SpinKit.

Use your beautiful spinner to sell in-app purchases 👇

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

Project health

Overall

1.7/10

Maintained

0/10

Code review

0/10

OpenSSF Scorecard

npm

react-native-spinkit

Latest release

1.5.1 · Oct 4, 2020

Releases this year

Significant stargazers

Shuyu Guo

8,063 followers · starred Feb 2017

Travis Swicegood

553 followers · starred Dec 2019

Ben Gordon

211 followers · starred May 2016

tatiesmars

25 followers · starred Nov 2019

Similar repos

ladjs/react-native-loading-spinner-overlay

💈 React Native loading spinner overlay

1,588

oblador/react-native-progress

Progress indicators and spinners for React Native

3,665

jogboms/flutter_spinkit

✨ A collection of loading indicators animated with flutter. Heavily Inspired by…

3,150

davidhu2000/react-spinners

A collection of loading spinner components for react

3,354

vadimdemedes/ink-spinner

Spinner component for Ink

194

tobiasahlin/SpinKit

A collection of loading indicators animated with CSS

19,323

tomzaku/react-native-shimmer-placeholder

Placeholder/ Skeleton of React Native

1,088

yuanyan/halogen

A collection of loading spinners with React.js

1,616