All Projects → Aymenworks → Awloader

Aymenworks / Awloader

Licence: mit
AWLoader is a UI Component that allows you to integrate loader that fits your needs within your app.

Programming Languages

swift
15916 projects

Projects that are alternatives of or similar to Awloader

Vue Loaders
Vue + loaders.css
Stars: ✭ 127 (+1054.55%)
Mutual labels:  component, loader, loading, progress
Waitme
jquery plugin for easy creating loading css3/images animations
Stars: ✭ 302 (+2645.45%)
Mutual labels:  loader, loading, progress
Vue Element Loading
⏳ Loading inside a container or full screen for Vue.js
Stars: ✭ 234 (+2027.27%)
Mutual labels:  component, loader, loading
Loading Bar
Flexible, light weighted and super fast Progress Bar Library
Stars: ✭ 300 (+2627.27%)
Mutual labels:  loader, loading, progress
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (+2209.09%)
Mutual labels:  loader, loading, progress
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+6936.36%)
Mutual labels:  loader, loading, progress
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+16890.91%)
Mutual labels:  loader, loading, progress
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (+1472.73%)
Mutual labels:  component, loading, progress
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (+90.91%)
Mutual labels:  progress, loader, loading
Ssspinnerbutton
Forget about typical stereotypic loading, It's time to change. SSSpinnerButton is an elegant button with a diffrent spinner animations.
Stars: ✭ 357 (+3145.45%)
Mutual labels:  loader, loading
Ngx Ui Loader
Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+
Stars: ✭ 368 (+3245.45%)
Mutual labels:  loader, loading
Create Content Loader
✏️ Tool to create your own react-content-loader easily.
Stars: ✭ 937 (+8418.18%)
Mutual labels:  loader, loading
Circleprogressview
🎡 CircleProgressView是一个圆形渐变的进度动画控件(支持外环显示刻度,内环随之变化,配置参数完全可配),动画效果纵享丝滑。
Stars: ✭ 314 (+2754.55%)
Mutual labels:  loading, progress
Ng2 Slim Loading Bar
Angular 2 component shows slim loading bar at the top of the page.
Stars: ✭ 376 (+3318.18%)
Mutual labels:  loading, progress
React Native Blurhash
🖼️ A library to show colorful blurry placeholders while your content loads.
Stars: ✭ 430 (+3809.09%)
Mutual labels:  component, loading
Rsloadingview
Awesome loading animations using 3D engine written with Swift
Stars: ✭ 388 (+3427.27%)
Mutual labels:  loading, progress
Rsup Progress
❤️ A simple progress bar with promises support
Stars: ✭ 290 (+2536.36%)
Mutual labels:  loader, loading
Vue Simple Spinner
A simple, flexible spinner for Vue.js
Stars: ✭ 385 (+3400%)
Mutual labels:  component, progress
Buttonprogressbar Ios
A small and flexible (well documented) UIButton subclass with animated loading progress, and completion animation.
Stars: ✭ 479 (+4254.55%)
Mutual labels:  loading, progress
Vue Loading Overlay
Vue.js component for full screen loading indicator 🌀
Stars: ✭ 784 (+7027.27%)
Mutual labels:  loader, loading

AWLoader

AWLoader is a UI Component that allows you to integrate loader that fits your needs within your app.

Overview

Appareance

AWLoader all gif

Behind the scenes

As simple as: Whimsical AWLoader

🔶 Requirements

  • iOS 9.0+
  • Swift 5.0

👨🏻‍💻 Usage

Normal loader

Usage

let loader = AWLoader(showInView: view,
                      animationDuration: 1,
                      blurStyle: .light,
                      shape: .rounded(6),
                      containerBackgroundColor: .white,
                      lineWidth: 2,
                      strokeColor: .darkGray)
loader.show()

DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
    loader.hide()
}

Gradient loader

Usage

let gradientLoader = AWGradientLoader(showInView: self.view,
                                      animationDuration: 0.7,
                                      blurStyle: .dark,
                                      shape: .rounded(6),
                                      containerBackgroundColor: .white,
                                      gradientColors: [.purple, .black, .purple],
                                      gradientLocations: [0.2, 0.5, 1],
                                      borderWidth: CGFloat = 1)
gradientLoader.show()

DispatchQueue.main.asyncAfter(deadline: .now() + 2) {
    gradientLoader.hide()
}

If you want the loader to not be a modal meaning not blocking the background content, you can still do:

loader.isUserInteractionEnabled = false

Installation

CocoaPods

pod 'AWLoader'

Carthage

github "Aymenworks/AWLoader"

License

AWLoader is released under the MIT license.

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].