https://github.com/emiliopelaez/floatingtabbarcontroller

A tab bar controller with sliding tabs and a custom tab bar.
https://github.com/emiliopelaez/floatingtabbarcontroller

animation dribbble ios swift tabbar tabbarcontroller ui-components uikit

Last synced: about 1 month ago
JSON representation

A tab bar controller with sliding tabs and a custom tab bar.

• Host: GitHub
• URL: https://github.com/emiliopelaez/floatingtabbarcontroller
• Owner: EmilioPelaez
• License: mit
• Created: 2019-04-28T16:19:36.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-11-06T01:41:30.000Z (over 6 years ago)
• Last Synced: 2026-01-11T19:24:48.218Z (3 months ago)
• Topics: animation, dribbble, ios, swift, tabbar, tabbarcontroller, ui-components, uikit
• Language: Swift
• Homepage:
• Size: 1.22 MB
• Stars: 137
• Watchers: 4
• Forks: 14
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# FloatingTabBarController

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

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

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

![Screenshot](Images/Gif.gif)

`FloatingTabBarController` is a tab bar controller with sliding tabs and a custom tab bar inspired by [this Dribbble shot](https://dribbble.com/shots/4844696-Tab-bar-interaction-with-animated-icons).

## Example

To run the example project, clone the repo, and run `pod install` from the Example directory first.

## Requirements

`FloatingTabBarController` requires at least iOS 11.0

## Installation

`FloatingTabBarController` is available through [CocoaPods](https://cocoapods.org). To install

it, simply add the following line to your Podfile:

```ruby

pod 'FloatingTabBarController'

```

## Usage

Create a new instance of `FloatingTabBarController` and set the `viewControllers` property. The tab bar will be populated using the `floatingTabItem` property of `UIViewController`, which you should set.

You can create a `FloatingTabItem` with one or two images, it is recommended that selected images are slightly larger (35x35pt) than normal images (25x25pt). When initialized with a single image, that image will be used for both states.

You can customize the tab bar's background color and visual effect, as well as its tint color, which will reflect on the color of the icons if the images are set to render as template.

## Author

EmilioPelaez, me@epelaez.net

## License

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