Get Updates By E-mail 

iOS UI Controls

ParallaxCarousel – Open Source iOS Component For Image Carousels With A Nice Parallax Effect

  • 12
  •  
  •  
  •  
  •  

ParallaxCarousel from Matteo Tagliafico is an open source Swift iOS component for creating carousel views with a nice 3d parallax effect.

You can implement ParallaxCarousel within interface builder and if you like you can create a flat carousel without the parallax effect. Paging dots are also shown to indicate the number of available carousel selections.

This image from the readme shows ParallaxCarousel in action using the 3D parallax effect:

ParallaxCarousel

You can find ParallaxCarousel on Github here.

A nice component for creating image carousels.


  • 12
  •  
  •  
  •  
  •  

StateView – An iOS Swift React Inspired Automatically Updating UIView Component

  • 8
  •  
  •  
  •  
  •  

StateView is an open source Swift iOS component from Sahand Nayebaziz providing a UIView subsittute that automatically updates when the data changes.

As the readme states:

StateView is a UIView subclass that uses modern thinking and inspiration from what Facebook has done with React and the DOM to make displaying and updating your views easier, simpler, and more fun.

StateViews update themselves when data changes calculating any differences and only changing when necessary.  StateViews can also automatically update their subviews which an be standard views.

You can find StateView on Github here.

An interesting component for adding some reactivity to your views.


  • 8
  •  
  •  
  •  
  •  

TabDrawer – iOS UI Component For Tab Bars With A Slide Out Drawer For More Options

  • 7
  •  
  •  
  •  
  •  

TabDrawer from Winslow DiBona is an open source Swift based iOS component for creating tab bars with an added slide-out drawer for displaying more options in the user interface.

With TabDrawer options can be added to each tab bar selection that are shown when the user selects an option. This makes for a great way to make use of initial screen space.

This animation from the readme shows the concept in action:


TabDrawer

You can find TabDrawer on Github here.

A nice custom tab bar component.


  • 7
  •  
  •  
  •  
  •  

StackViewController – Enhanced UIStackView Based Component For Forms And Static Lists

  • 12
  •  
  •  
  •  
  •  

StackViewController is an open source component from Seed that builds on UIStackView adding a number of features for creating forms and lists.

Often UITableView is used for creating forms, but UITableView requires a large amount of boiler plate code, can be tedious when working with variable height content, and especially difficult if the layout needs to change.

StackViewController allows you to lay out views as simply as you would with UIStackView, but adds some features necessary for lists and forms such as scrolling support, autoscroll support for getting out of the way of the keyboard and customizable separator views.

Here’s an image showing a form created with StackViewController:

StackViewController

You can find StackViewController on Github here.

A nice component for displaying forms and static lists.


  • 12
  •  
  •  
  •  
  •  

ATNavBarButton – iOS Component For Simpler Navigation Bar Buttons With More Customization Options

  •  
  •  
  •  
  •  
  •  

ATNavBarButton is an open source component from Apptality providing a UIBarButton subclass that simplifies changing bar button icons, and handling actions including a number of custom buttons.

ATNavBarButton includes 35 FontAwesome icons which are vector based so they will work on all iOS screen sizes (you can use your own images), you can easily change the colors of the nav bar buttons, use indicator views as your nav bar buttons, and more.

This code snippet shows how to set up some custom nav bar buttons:

- (void)viewDidLoad
{
[super viewDidLoad];
[self.navigationItem setLeftBarButtonItem:[ATNavBarButton setBarButton:ATNavBarButtonUser withDelegate:self]];
[self.navigationItem setRightBarButtonItem:[ATNavBarButton setBarButton:ATNavBarButtonSettings withDelegate:self]];
}

And the resulting nav bar:


ATNavBarButton

You can find ATNavBarButton on Github here.

A nice library for customizing navigation bar buttons.


  •  
  •  
  •  
  •  
  •