Latest 0.1.2
License MIT
Platforms ios 7.0, requires ARC





Click here for full documentation.


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


#import <KCExplodeTabBar/KCExplodeTabBarController.h>

self.explodeTabBarController = [[KCExplodeTabBarController alloc] init];
  • Style

The title under each tab can be set hidden or not.

self.explodeTabBarController.titleHidden = NO;

You can customize the border width and the border color of each tab and the main tab. Use the init method in UITabBarItem’s category to create a UITabBarItem object with additional information and set it to your view controller.

UITabBarItem *tabBarItem = [[UITabBarItem alloc] initWithTitle:@"Demo" 
                                                         image:[UIImage imageNamed:@"TabBarImage"] 
                                                 selectedImage:[UIImage imageNamed:@"SelectedTabBarImage"] 
                                                   borderColor:[UIColor redColor]];
self.demoViewController.tabBarItem = tabBarItem;

There will be no border if you use the UITabBarItem‘s default init.

To set the border width for the main tab, simply do

self.explodeTabBarController.mainTabBorderWidth = 2.0;
  • Tabs

The view controller displayed by KCExplodeTabBar by default does not have to be the first one. You can change it by changing the value of defaultViewControllerIndex.

self.explodeTabBarController.defaultViewControllerIndex = 1;

Add your view controllers just like a normal UITabBarController.

[self.explodeTabBarController setViewControllers:@[firstNavigationController, secondNavigationController, ...]];

Finally, display your KCExplodeTabBar just like you do with a normal UITabBarController (this depends on how you set up your navigation controller). See the demo for a possible way to do that.

[self.navigationController setViewControllers:@[self, self.explodeTabBarController] animated:NO];
  • More Customization

You can always implement your own tab bar controller by adopting KCExplodeTabBarDataSource and KCExplodeTabBarDelegate.

#import <KCExplodeTabBar/KCExplodeTabBar.h>


KCExplodeTabBar is available through CocoaPods. To install
it, simply add the following line to your Podfile:

pod "KCExplodeTabBar"


Kev1nChen (Kevin Yufei Chen)


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

Latest podspec

    "name": "KCExplodeTabBar",
    "version": "0.1.2",
    "summary": "An explode circular design for UITabBar.",
    "description": "KCExplodeTabBar could be a really nice alternative for the standard UITabBar if you found that too boring.nInstead of static squares, tabs are now circular with expand/collapse animations.",
    "homepage": "",
    "license": "MIT",
    "authors": "Kevin Yufei Chen",
    "source": {
        "git": "",
        "tag": "0.1.2"
    "platforms": {
        "ios": "7.0"
    "requires_arc": true,
    "source_files": "Pod/Classes/**/*",
    "resource_bundles": {
        "KCExplodeTabBar": [
    "public_header_files": "Pod/Classes/**/*.h"

Pin It on Pinterest

Share This