Expand your prototyping knowledge

New iOS8 UI Widget library

New iOS8 UI Widget library

Well-designed, consistent experiences add instrumental value to our UI, which is why our designers work long and hard to provide you with beautiful yet simple, functional widget libraries. As we mentioned in our last update release, our iOS 8 UI Widget Library includes more than 400 iOS icons and widgets that are ready to use.


In order to make your app simple, coherent and usable, app icons are key. Some apps may use standard icons and some others will need you to customize icons that are specific to your app’s functionalities. The iOS icons in our UI widget library include a great variety of standard icons to represent the most common tasks and familiar content in any app. For example, tab bars and toolbars. On the other hand, our icons can be edited to represent content, functions and themes that are specific to your app and best support your UI and UX. icons-ios8

See the full list of IOS8 icons

Icon Fonts

The main difference with our previous iOS icons is that we transformed all of our graphic icons into a font typography. And icon fonts are perfect to customize icons and allow you to play and have a little fun with them. All iOS8 icons can be easily edited using the font properties – you can scale them up or down without loss of quality, change colors, add shade etc. ios8_anim

iOS8 Widget UI Library

We’ve  implemented all the necessary widgets to help you prototype a functional and complete UI for your app while following apple’s iOS Human Interface Guidelines. Based on Apple’s UI Design Basics, we have grouped the widgets in our UI library under the following categories:

  • Bars. Bars contain contextual information that tell users where they are and controls that help users navigate or initiate actions.
  • Content views. Content views contain app-specific content and can enable behaviors such as scrolling, insertion, deletion, and rearrangement of items.
  • Controls. Controls perform actions or display information.
  • Temporary views. Temporary views appear briefly to give users important information or additional choices and functionality.

(Categories correspond to apple’s UIKit framework) Deconstruct to build All of our widgets, starting with the smallest parts and up to the complete and functional screens, were created using our very own Justinmind editor. We went ahead and picked on one of our designers to see how he did it. Here’s a brief summary of what we saw: after analyzing and slicing the parts that needed to be created he went on to open Sketch, which is his go-to tool for the design of graphic elements. Once he created the graphics on Sketch, he exported them to Justinmind to use them as widget patterns. Each widget was created from parts and then grouped together, which is what gives you full flexibility to edit them down to the last detail. You can group and un-group elements to customize and/or create your own.

…starting with the smallest parts and up to the complete and functional screens.

The library is pre-loaded in the latest version of Justinmind so you can work smarter, not longer.

A new UI library with icons and widgets for the iPhone6+ will be available in our next release and an iPad UI library is also on the works, so stay tuned. screen_slices

See the full list of IOS8 Widgets

  screens_examples_ios8 dialogs-bars-ios8 Not working with iOS? Check out our free UI libraries available for you to download here.


Sergi Arevalo

About the Author

Sergi specializes in lean user interface and user experience design. He has experience optimizing websites and all types of multimedia applications using the latest techniques in responsive design. Metalhead, game addict, and he’s not a hipster.

Comments are closed.