https://github.com/yoavlt/LiquidLoader

Spinner loader components with liquid animation
https://github.com/yoavlt/LiquidLoader

Last synced: 3 days ago
JSON representation

Spinner loader components with liquid animation

• Host: GitHub
• URL: https://github.com/yoavlt/LiquidLoader
• Owner: yoavlt
• License: mit
• Created: 2015-08-24T06:21:45.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2020-05-18T03:53:24.000Z (over 4 years ago)
• Last Synced: 2024-11-30T18:04:38.672Z (12 days ago)
• Language: Swift
• Homepage:
• Size: 13 MB
• Stars: 1,322
• Watchers: 29
• Forks: 185
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ios - LiquidLoader - Spinner loader components with liquid animation. (UI / Activity Indicator)
• awesome-swift - LiquidLoader - Spinner loader components with liquid animation. (Libs / UI)
• awesome-cocoa - LiquidLoader
• awesome-swift - LiquidLoader - Spinner loader components with liquid animation. (Libs / UI)
• awesome-loading-indicators - LiquidLoader - Spinner loader components with liquid animation. (Swift)
• awesome-ios-star - LiquidLoader - Spinner loader components with liquid animation. (UI / Activity Indicator)
• fucking-awesome-swift - LiquidLoader - Spinner loader components with liquid animation. (Libs / UI)
• awesome-swift-cn - LiquidLoader - Spinner loader components with liquid animation. (Libs / UI)
• Awesome-Mobile-UI - LiquidLoader
• awesome-ios - LiquidLoader - Spinner loader components with liquid animation. [•](https://raw.githubusercontent.com/yoavlt/LiquidLoader/master/Demo/grow-circle.gif) (Content / Activity Indicator)
• awesome-swift - LiquidLoader - Spinner loader components with liquid animation ` 📝 a year ago ` (UI [🔝](#readme))

README

        
# LiquidLoader

LiquidLoader is the spinner loader UI components with liquid animation, inspired by [Spinner Loader - Gooey light Effect](http://www.materialup.com/posts/spinner-loader-gooey-light-effect)

[![CI Status](http://img.shields.io/travis/yoavlt/LiquidLoader.svg?style=flat)](https://travis-ci.org/yoavlt/LiquidLoader)

[![Version](https://img.shields.io/cocoapods/v/LiquidLoader.svg?style=flat)](http://cocoapods.org/pods/LiquidLoader)

[![License](https://img.shields.io/cocoapods/l/LiquidLoader.svg?style=flat)](http://cocoapods.org/pods/LiquidLoader)

[![Platform](https://img.shields.io/cocoapods/p/LiquidLoader.svg?style=flat)](http://cocoapods.org/pods/LiquidLoader)

[![Carthage compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)]

(https://github.com/Carthage/Carthage)

## GrowCircle

![GrowCircle](https://github.com/yoavlt/LiquidLoader/blob/master/Demo/grow-circle.gif?raw=true)

## GrowLine

![GrowLine](https://github.com/yoavlt/LiquidLoader/blob/master/Demo/grow-line.gif?raw=true)

## Usage

```swift

let loader = LiquidLoader(frame: loaderFrame, effect: .growCircle(circleColor, 10, 1.0, growColor)) //color, number of circles, duration, growColor.

view.addSubview(loader)

```

### Show/Hide

You can show and hide a loader.

```swift

loader.show()

loader.hide()

```

### Effect Type

You can use the following effects.

* .growCircle

* .growLine

* .circle

* .line

If you want to avoid grow effects, you should use `.circle` or `.line`.

## Installation

LiquidLoader is available through [CocoaPods](http://cocoapods.org). To install

it, simply add the following line to your Podfile:

```ruby

pod "LiquidLoader"

```

or, if you use [Carthage](https://github.com/Carthage/Carthage), add the following line to your `Carthage` file.

```

github "yoavlt/LiquidLoader"

```

## License

LiquidLoader is available under the MIT license. See the LICENSE file for more info.