:octocat: Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion
Switch branches/tags
Nothing to show
Clone or download
Artem Pashkov
Artem Pashkov swift 4.2 update
Latest commit 03d8f18 Oct 10, 2018




Twitter CocoaPods CocoaPods Carthage compatible codebeat badge Donate

Check this library on other platforms:

Looking for developers for your project?
This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites.

The iPhone mockup available here.


  • iOS 10.0+
  • Xcode 9


Just add the Source folder to your project.

or use CocoaPods with Podfile:

pod 'Navigation-Toolbar'

or Carthage users can simply add to their Cartfile:

github "Ramotion/navigation-toolbar"



  1. Create a new UIView inheriting from NavigationView

  2. Create ScreenObject for every screen and provide required configuration, see example:

class ViewController: UIViewController {

  private var navigationView: NavigationView?

  override func viewDidLoad() {

    navigationView = NavigationView.init(frame: view.bounds,
                                    middleView: MiddleView(),
                                       screens: [
                                                 ScreenObject(title: "MUSIC",
                                                         startColor: .red,
                                                           endColor: .blue,
                                                              image: UIImage(named : "image1")!,
                                                         controller: YourFirstViewController()),
                                                 ScreenObject(title: "EDUCATION",
                                                         startColor: .black,
                                                           endColor: .white,
                                                              image: UIImage(named : "image2")!,
                                                         controller: YourSecondViewController()),
                               backgroundImage: #imageLiteral(resourceName: "background"))
    navigationView?.autoresizingMask = [.flexibleWidth, .flexibleHeight]

This library is a part of a selection of our best UI open-source projects.


navigation-toolbar is released under the MIT license. See LICENSE for details.

Get the Showroom App for iOS to give it a try

Try this UI component and more like this in our iOS app. Contact us if interested.

Follow us for the latest updates