raymondjavaxx / Spinkit Objc
Licence: mit
UIKit port of SpinKit
Stars: ✭ 743
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
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
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.
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].