It is fundamental that every app designer have a selection of pre-designed and editable UI elements that will allow them to optimize, organize and speed-up work-flow. To help streamline your iPad design work, we have put accumulated a comprehensive selection of iPad specific GUI Kits & Stencils, Wireframing kits, Sketching Templates and fully editable PSD templates that will allow you to rapidly prototype beautiful designed apps.
We have also previously published a post that focuses on iPhone GUIs and Stencils, you can view that post here: iPhone Development GUI Kits, Wireframe Stencils and Icons →
iPad GUI Design Stencils
All of the stencils have been originally created by hand from native or custom created OmniGraffle shapes and grouped for ease of use. the stencils can be easily scaled to new point resolutions and exported to any vector formats supported in OmniGraffle.
iOS Design Stencils →
This Omnigraffle stencil, from Information Architects, contains editable text, backgrounds, title bars, buttons, selectors, and many more iPad UI elements. It is based on the iPad PSD GUI designed by Teehan+Lax below.
iPad Stencil →
Now in its second iteration, this version of the template, designed by Teehan & Lax, has been completely redesigned from the ground up. Based on the recent 4.2.1 update, it includes all the elements you need to design proof-of-concepts or production ready assets.
iPad GUI Design Template Version 2 →
This huge GUI template, from IconShock, has almost all of the iPad UI elements, including buttons, tabs, menus, keyboard… It also includes a fully scalable and editable vector version (AI).
iPad Vector GUI Elements →
This iPad GUI Kit offers a canvas size true to the iPad at 768×1024. Most of the graphical elements are provided in vector format allowing you lots of room to scale things up for high resolution presentations. This version is also layered in PhotoShop making it easier for you to go nuts with your mockups and client presentations.
iPad GUI Kit →
This is an Axure Widget Library from the Teehan+Lax iPad GUI template (version1 ) template. It contains 82 items, 99% customizable text-elements, icons and many more.
iPad Axure Widget Library →
These Photoshop Actions will allow any UX/UI designer or App developer to quickly create a gorgeous rendering of their app as it would appear on an Apple iPad. All that is required on your end is your final designs. Have a look a the video below to help you get started:
iPad Icon Templates
This build-your-own iPhone icon kit comes complete with 30 unique icons and backgrounds for hundreds of possible combinations. Using vector shape layers for easy customization, and Smart Objects for automatic updating of icon sizes, this kit makes it a breeze to create your own high quality quality, gorgeous iPhone, iPad and iOS application icons.
Free iPhone App Icon Kit →
In addition to the outline, this template includes a series of iPad popovers, a ton of buttons, menu bars, dock icons, keyboards, alerts … the list goes on.
ZURB iPad Omnigraffle Stencils & Sketchsheets →
This collection of common iPad elements in a sketch–like style allows you to easily and quickly mock up flows of custom wireframe screens.
iPad Sketch Elements →
This is a free clickable iPad prototype inspired by iBooks for Keynote. Have a look at the video below, it will show you how to prototype an iPad app in Keynote in less than 30 minutes:
Sqetch is an Illustrator-toolkit consisting of several templates and elements: Browser; iPad upright; iPad landscape; Smartphone; GUI-Elements; Form-Elements.
Sqetch – An Illustrator Wireframing Toolkit →
This is a full-size (1024×768) iPad landscape frame with a "hole" for the viewport, letting background images show through, useful for mocking up content that is larger than the viewport. A Safari browser bar and landscape mode keyboard is also included.
iPad Landscape Non-Markup →
Here are two lower fidelity iPad mockups, with a light gray chrome color, and deliberately wireframe-like sloppy outlines.
Lower-Fi iPad Mockups →
Printable iPad Wireframe Sketching Templates
Fully Editable Templates
Here are two iPad2 PSDs (black & whilte) mockups. The screen has its own ‘Smart Object’ making editing extremely easy.
iPad 2 Template →
A very basic Omnigraffle template and tidy up of an iPad with the representations of the device to scale.
iPad iPhone Scale Comparison →
Fully editable and scaleable Apple iPad in PSD format with every element editable via vector masks.
Apple iPad: Fully Editable (PSD)”>
iPad GUI Inspiration
Looking for some iPad inspiration? Here are some fantastic resources you may like to try:
Landing Pad – An iPad App Gallery →
iOS UI Patterns (beta →
iPad and iPhone Design Inspiration Gallery →
30 Examples of Stunning iPad App Interface Design →
iOS Inspires Me – Design Showcase of the Best iPhone/iPad Apps →
20 Superb Examples Of iPad App Design →
Collection: iPad UX Interactions (Interesting Moments) →
iPad UI Conventions →