• Stars
    star
    174
  • Rank 212,142 (Top 5 %)
  • Language
    Swift
  • License
    MIT License
  • Created about 5 years ago
  • Updated about 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

CBTabBarController

GitHub license CocoaPods Carthage compatible Swift 4.0

Animation

Example

To run the example project, clone the repo, and run ExampleApp scheme from CBTabBar.xcodeproj

Requirements

  • iOS 10.0+
  • Xcode 9

Installation

CocoaPods

To install CBTabBarController add the following line to your Podfile:

pod 'CBTabBarController'

Then run pod install.

Carthage

Make the following entry in your Cartfile:

github "Cuberto/cb-tabbar"

Then run carthage update.

If this is your first time using Carthage in the project, you'll need to go through some additional steps as explained over at Carthage.

Manual

Add CBTabBarController folder to your project

Usage

With Storyboard

  1. Create a new UITabBarController in your storyboard or nib.

  2. Set the class of the UITabBarController to CBTabBarController in your Storyboard or nib.

  3. Add a custom image icon and title for UITabBarItem of each child ViewContrroller

Without Storyboard

  1. Import CBTabBarController
  2. Instantiate CBTabBarController
  3. Add some child controllers and don't forget to set them tabBar items with title and image

Styling

Set appropriate style for tab bar using style property of CBTabbarController instance. You can subclass UITabBarItem and conform to CBExtendedTabItem protocol to define custom title style and tint for tab buttons.

Styles supported at the moment:

Gooey with menu:

Animation

Requies configured CBTabMenu instance as paramenter (see example). Any object conforming to CBTabMenuItem can be used as menu item

Flashy:

Animation

Fade (default):

Same as gooey but without menu button

Author

Cuberto Design, [email protected]

License

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

More Repositories

1

liquid-swipe

Swift
2,973
star
2

bubble-icon-tabbar

Swift
1,068
star
3

smooth-scroll

Smooth collection scrolling
Swift
690
star
4

flashy-tabbar

One another nice animated tabbar
Swift
687
star
5

gooey-cell

Swift
593
star
6

mouse-follower

A powerful javascript library to create amazing and smooth effects for the mouse cursor on your website.
JavaScript
553
star
7

rubber-range-picker

Swift
399
star
8

liquid-swipe-android

Kotlin
391
star
9

fluid-card

Swift
289
star
10

balloon-picker

Swift
286
star
11

3d-tap

Custom selection animation for UICollectionViewCell
Swift
240
star
12

rate-it

Swift
220
star
13

smooth-feed

Swift
132
star
14

flashy-tabbar-android

Java
105
star
15

bubble-icon-tabbar-android

Java
83
star
16

scroll-sequence-demo

Example of how we create a sequence scrolling effect on sites using the SmoothScroll and GSAP ScrollTrigger libraries
JavaScript
69
star
17

svg-distortion-effect-demo

This example is dedicated to how you can use the SVG Turbulence and Displacement Map filters to create an interesting switching effect for pictures and videos.
SCSS
65
star
18

reeller

Flexible, powerful and modern library for creating the running horizontal blocks effect, also known as ticker or the «marquee effect».
JavaScript
54
star
19

cursor-magnetic-demo

Example of creation cursor follower and magnetic effect
JavaScript
43
star
20

html-boilerplate

Cuberto Boilerplate that we use to start developing all our projects.
SCSS
41
star
21

jellyscroll

Library for creating jelly scrolling effect
JavaScript
37
star
22

headers-hover-demo

In this demo we have collected 7 unusual hover effects for large headers.
JavaScript
29
star
23

marquee-effect-demo

You'll find the guide how to create dynamic marquee effect in this demo.
SCSS
26
star
24

particles

Simple library for creating flying particles.
JavaScript
24
star
25

bglines

Library for creating WebGL dynamic background lines
JavaScript
20
star
26

transparentize-video-demo

This is a simple but neat technique to remove the background from a black and white video and color it using the mix-blend-mode property using pure CSS. This technique allows you to emulate various looped and dynamic spheres and shapes without using WebGL with a pre-prepared video.
JavaScript
17
star
27

liquid-tabbar

13
star