Sleek Loading Indicator for React Native
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore Adds android support and refactors code (#2) May 16, 2016
index.js Cleans up unused dependencies (#5) Aug 2, 2016
loader.js Upgrades cross platform ActivityIndicator introduced in React Native … Jun 30, 2016
package.json Fixes container taking full height bug in react native 0.36 Oct 27, 2016

Sleek Loading Indicator for React Native

I was looking for a drop-in, lightweight and cool looking loading component for my app. I couldn't find one so, I wrote it myself. A sleek loading indicator for React Native apps for iOS and Android.

In action on iOS

In action on Android


Install the package

npm install react-native-sleek-loading-indicator --save
const SleekLoadingIndicator = require('react-native-sleek-loading-indicator');

const MyView = React.createClass({
   render() {
    if (this.state.loading) {
      return (<SleekLoadingIndicator loading={this.state.loading} />);
   } else {
     //.... Do my stuff


  • text (Optional) - Custom text can be provided.
  • loading (bool | required) - tells the component to show/hide loading indicator.


  • Light theme for dark backgrounds.
  • Animation when component disappears from view.

Contribution Guide

Feel free to fork the repo, add feature and send me a pull request.

Note from author

Gimme a buzz @BilalBudhani If you've questions, suggestions or just wanna say Hi.

MIT Licensed