https://github.com/yoavlt/LiquidFloatingActionButton

Material Design Floating Action Button in liquid state
https://github.com/yoavlt/LiquidFloatingActionButton

Last synced: about 1 month ago
JSON representation

Material Design Floating Action Button in liquid state

• Host: GitHub
• URL: https://github.com/yoavlt/LiquidFloatingActionButton
• Owner: yoavlt
• License: mit
• Created: 2015-08-28T08:00:43.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2022-07-08T20:51:12.000Z (about 2 years ago)
• Last Synced: 2024-04-24T14:48:56.713Z (5 months ago)
• Language: Swift
• Size: 1.71 MB
• Stars: 3,838
• Watchers: 79
• Forks: 468
• Open Issues: 53
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-ios - LiquidFloatingActionButton - Material Design Floating Action Button in liquid state (UI / Button)
• awesome-ios-star - LiquidFloatingActionButton - Material Design Floating Action Button in liquid state (UI / Button)
• awesome-ios - LiquidFloatingActionButton - Material Design Floating Action Button in liquid state. [•](https://raw.githubusercontent.com/yoavlt/LiquidFloatingActionButton/master/Demo/top.gif) (Content / Button)

README

        
# LiquidFloatingActionButton

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

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

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

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

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

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

LiquidFloatingActionButton is floating action button component of [material design](https://www.google.com/design/spec/material-design/introduction.html) in liquid state, inspired by [Material In a Liquid State](http://www.materialup.com/posts/material-in-a-liquid-state).

This is also [spinner loader](https://github.com/yoavlt/LiquidLoader) components in liquid state.

![Demo](https://github.com/yoavlt/LiquidFloatingActionButton/blob/master/Demo/top.gif?raw=true)

## Features

- [x] liquid animation

- [x] Easily customizable

- [x] Objective-C compatible

- [x] Swift 5.0

You can play a demo with [appetize.io](https://appetize.io/app/f4t42hgqbnbma4m12jcg3aeebg?device=iphone5s&scale=75&orientation=portrait)

## Usage

You just need implement `LiquidFloatingActionButtonDataSource` and `LiquidFloatingActionButtonDelegate` similar to well-known UIKit design.

```swift

let floatingActionButton = LiquidFloatingActionButton(frame: floatingFrame)

floatingActionButton.dataSource = self

floatingActionButton.delegate = self

```

### LiquidFloatingActionButtonDataSource

```swift

func numberOfCells(liquidFloatingActionButton: LiquidFloatingActionButton) -> Int

func cellForIndex(index: Int) -> LiquidFloatingCell

```

### LiquidFloatingActionButtonDelegate

```swift

optional func liquidFloatingActionButton(liquidFloatingActionButton: LiquidFloatingActionButton, didSelectItemAtIndex index: Int)

```

## Easily customizable

![Demo](https://github.com/yoavlt/LiquidFloatingActionButton/blob/master/Demo/customizable.gif?raw=true)

## Installation

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

it, simply add the following line to your Podfile:

```ruby

pod "LiquidFloatingActionButton"

```

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

```

github "yoavlt/LiquidFloatingActionButton"

```

## License

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