All Projects → raymondjavaxx → Spinkit Objc

raymondjavaxx / Spinkit Objc

Licence: mit
UIKit port of SpinKit

Projects that are alternatives of or similar to Spinkit Objc

loading
Laravel package to add loading indicator to pages while page is loading.
Stars: ✭ 38 (-94.89%)
Mutual labels:  loader, spinner
react-bootstrap-button-loader
React ButtonLoader with Bootstrap flavor
Stars: ✭ 25 (-96.64%)
Mutual labels:  loader, spinner
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (-97.17%)
Mutual labels:  loader, spinner
Vue Element Loading
⏳ Loading inside a container or full screen for Vue.js
Stars: ✭ 234 (-68.51%)
Mutual labels:  loader, spinner
Ng Http Loader
🍡 Smart angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar
Stars: ✭ 327 (-55.99%)
Mutual labels:  loader, spinner
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (-65.81%)
Mutual labels:  loader, spinner
KVSpinnerView
KVSpinnerView is highly customizable progress HUD
Stars: ✭ 37 (-95.02%)
Mutual labels:  loader, spinner
Jtmaterialspinner
An iOS material design spinner view
Stars: ✭ 127 (-82.91%)
Mutual labels:  loader, spinner
react-awesome-loaders
🚀 High quality, super responsive and completely customisable Loading Animations to insert into your website with single line of code.
Stars: ✭ 146 (-80.35%)
Mutual labels:  loader, spinner
material-circular-loader
Material Circular Loader in SCSS like a boss. Demo: http://codepen.io/YuRen/details/KdKKax
Stars: ✭ 13 (-98.25%)
Mutual labels:  loader, spinner
React Loading Overlay
Loading overlays with fade, spinner, message support.
Stars: ✭ 218 (-70.66%)
Mutual labels:  loader, spinner
React Loader Spinner
Collection set of react-spinner for async operation
Stars: ✭ 378 (-49.13%)
Mutual labels:  loader, spinner
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+151.55%)
Mutual labels:  loader, spinner
Text Spinners
Pure text, CSS only, font independent, inline loading indicators
Stars: ✭ 2,728 (+267.16%)
Mutual labels:  loader, spinner
Ng Block Ui
Block UI Loader/Spinner for Angular
Stars: ✭ 135 (-81.83%)
Mutual labels:  loader, spinner
InstagramActivityIndicator
Activity Indicator similar to Instagram's
Stars: ✭ 49 (-93.41%)
Mutual labels:  loader, spinner
Swiftloader
A simple and beautiful activity indicator written in Swift
Stars: ✭ 116 (-84.39%)
Mutual labels:  loader, spinner
Vue Loaders
Vue + loaders.css
Stars: ✭ 127 (-82.91%)
Mutual labels:  loader, spinner
busy-load
A flexible loading-mask jQuery-plugin
Stars: ✭ 76 (-89.77%)
Mutual labels:  loader, spinner
Ngx Ui Loader
Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+
Stars: ✭ 368 (-50.47%)
Mutual labels:  loader, spinner

SpinKit-ObjC

UIKit port of SpinKit.

Installing

CocoaPods is the recommended way for adding SpinKit to your project.

pod 'SpinKit', '~> 1.1'

If you are not yet using CocoaPods, I definetly recommend you to check out their Getting Started guide and the NSHipster article.

Usage

Simply instantiate RTSpinKitView with the desired style and add to your view hierarchy.

#import <SpinKit/RTSpinKitView.h>
...
RTSpinKitView *spinner = [[RTSpinKitView alloc] initWithStyle:RTSpinKitViewStyleWave];
[self.view addSubview:spinner];

You can change the size of the spinner by manipulating the spinnerSize property. The default size is 37.0.

spinner.spinnerSize = 100.0;
[spinner sizeToFit];

Available styles:

  • RTSpinKitViewStylePlane
  • RTSpinKitViewStyleCircleFlip
  • RTSpinKitViewStyleBounce
  • RTSpinKitViewStyleWave
  • RTSpinKitViewStyleWanderingCubes
  • RTSpinKitViewStylePulse
  • RTSpinKitViewStyleChasingDots
  • RTSpinKitViewStyleThreeBounce
  • RTSpinKitViewStyleCircle
  • RTSpinKitViewStyle9CubeGrid
  • RTSpinKitViewStyleWordPress
  • RTSpinKitViewStyleFadingCircle
  • RTSpinKitViewStyleFadingCircleAlt
  • RTSpinKitViewStyleArc
  • RTSpinKitViewStyleArcAlt

MBProgressHUD

SpinKit integrates nicely with the amazing MBProgressHUD library:

RTSpinKitView *spinner = [[RTSpinKitView alloc] initWithStyle:RTSpinKitViewStyleWave color:[UIColor whiteColor]];

MBProgressHUD *hud = [MBProgressHUD showHUDAddedTo:self.view animated:YES];
hud.square = YES;
hud.mode = MBProgressHUDModeCustomView;
hud.customView = spinner;
hud.labelText = NSLocalizedString(@"Loading", @"Loading");

[spinner startAnimating];

Acknowledgements

Animations based on SpinKit by Tobias Ahlin.

SpinKit Contributors.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].