50 Useful and Free Web UI, Mobile UI and Wireframe Kits

Here we are featuring 50 useful, free and spanking new Web UI and wireframes resources that you will definitely love. Web designers always require some fundamental user interface elements to produce a model of user interface either of a website or software. For that, they require wireframing and UI design kits which help them to replicate the user interface.

In this round-up, we have collected some web and mobile user interface kits which are practical in creating low-fidelity illustrations for your projects. We hope you will like this compilation. Enjoy! Feel free to share your opinion with us.

50 Useful and Free Web UI, Mobile UI and Wireframe Kits

Free Web UI and Wireframe Kits

Black UI Kit
A free PSD UI kit designed by Alex Patrascu. The file is fully layered and very well organized to make it easy to work with. Alex did a fantastic job of including a lot of the common elements needed when designing a website or app.

Black UI Kit

Lion UI Kit
Lion UI Kit is a handy PSD mockup tool with fully layered and editable elements from the latest OS X operating system.

Lion UI Kit

Small Blue UI Kit

A small UI kit, made in a blue color. Here you have a limit selector, toggle, buttons, loading bar.

Small Blue UI Kit

Simple To-Do List

This free PSD download is a simple to-do list with a nice clean design and is easily editable.

Simple To-Do List

Blaubarry UI Kit
Blaubarry UI Kit is a PSD full of useful buttons, sliders, scrollbars, and form elements. The file makes use of shape layers for easy editing and resizing.

Blaubarry UI Kit


Minimalistic UI kit the color Google+

Do you like Google Plus? Maybe for its services? Maybe for its interface? And maybe even for something else?

Minimalistic UI kit the color Google+

Flex 3 Stencil
This stencil set includes all Flex components from Flex 3 Style Guide: panels, data grid, buttons, fields, links, toggle, data picker, tool tip, errors, menu, scrolls, accordion, tabs, list.

Sleek UI Elements
Whether you're creating a website or mobile app, well designed UI elements are key to a good user experience. This PSD contains a number of useful elements in a modern, sleek style.

Sleek UI Elements

GMUI SlixUI
“Slix UI” controls is a set made to make web and app designers’ lives much easier. It was mainly designed to be used for apps, but it can just as easily be used for the web . It gives you ready to use solutions for a huge part of the most stuff you need to build an interface.

GMUI SlixUI

Solid UI Kit

Solid UI Kit is a fresh design created by Alvin Thong from Sixbase. The download includes a well organized, easily editable PSD file.

Solid UI Kit

TRAK

Provides a set of shapes (stereotypes) and connectors to enable architecture description views to be produced using the open source TRAK enterprise architecture framework.

TRAK

Simple UI element pack
Simple UI element pack, free for use! Enjoy!

Simple UI element pack

Eclipse GUI Design

Widgets for Eclipse and Mac OS X

Widgets for Eclipse and Mac OS X

Interactive Sketching Notation 1.1

The latest Interactive Sketching Notation (version 1.1) stencil for OmniGraffle

Interactive Sketching Notation 1.1

Watchguard
This is another Visio stencil converted to .gstencil. This includes several Watchguard security appliance/firewall objects.

Watchguard

Web Sketch Cursors
CSS3 Compliant cursors in a "sketch" style, for mocking up web UX designs. Includes: default, crosshair, pointer, move, text, wait, help, progress, not allowed, vertical text, and several resize arrows.

Web Sketch Cursors

Wireframe Magnets

This DIY magnet template is based on the Konigi wireframe stencils and includes 3 sheets of elements that might be useful in whiteboard prototyping. Simply download and print the PDFs onto magnet sheets, optionally laminate them if you intend to use with dry-erase markers, and finally cut them out.

Wireframe Magnets

iOS Design Stencils for OmniGraffle

The iOS Design Stencils are now hosted on Github. Update your links and bookmarks accordingly and check out the latest additions including the iPhone 4 stencil.

iOS Design Stencils for OmniGraffle

Facebook Applications
A pretty sizable collection of Facebook related elements to use in creating wireframes for Facebook applications.

Facebook Applications

Mac OS X Interface 2
Leopardy interface stencil kit. This one makes extensive use of tables, for maximum flexibility while maintaining pixel precision.

Mac OS X Interface

Simple UI Elements
Simple UI Elements is a clean, well organized PSD file containing common user interface elements for web and app designs.

Simple UI Elements

Blue Modern Web UI

Blue Modern Web UI is a clean, well organized PSD file with example buttons and form elements.

Blue Modern Web UI


Web kit interface layout pack

Free kit of web elements: icons buttons arrows menu bars web boxes UI scrollbar checkboxes.

Web kit interface layout pack

Wireframe Shapes

This is a set of shapes for making wireframes (low-fidelity web page schematics) in OmniGraffle version 5.x (Mac OS X). It consists of most of the basic elements you’ll need to create user interface specifications.

Web kit interface layout pack

Controls
Controls stencil from the Design Stencil kit in the Yahoo! Design Pattern Library.

Controls

Sqetch, an Illustrator Wireframe Toolkit

Sqetch is a little Illustrator-toolkit, consisting of several templates and elements: Browser, iPad upright, iPad landscape, Smartphone, GUI-Elements, Form-Elements.

Sqetch, an Illustrator Wireframe Toolkit

Sleek Video Player
Sleek Video Player is a PSD file with 3 different style player interfaces. This is a great starting point for creating your own custom player.

Sleek Video Player

Free Sketching & Wireframing Kit
This is a free set of elements for sketching and wireframing. It consists of form elements, icons, indicators, feedback messages, tooltips, image placeholders, sliders and navigation elements.

Free Sketching & Wireframing Kit


Modern Web UI Set


A Beautiful and modern Web UI Set for use in web design, applications and print.

Modern Web UI Set

Free Full Layered Facebook GUI PSD Kit

The main idea behind this kit is to speed up the prototyping of Facebook application UIs and Facebook fan pages.

OmniGraffle Wireframe Stencils

Eclipse Stencil for OmniGraffle

This stencil enables you to easily prototype Eclipse (wizard) dialogs with OmniGraffle(TM).

Free Full Layered Facebook GUI PSD Kit

Browser Form Elements PSD

Included in this PSD file are form elements for Mac Firefox 3 and another for Vista IE7.

Eclipse Stencil for OmniGraffle

WEB UI Treasure Chest

This PSD layered file, most of whose files are fully editable, contains more than 100 elements for website design.

Browser Form Elements PSD

Web Form Elements

Volume 1 contains a selection of Web user interface elements for forms in Photoshop format.

WEB UI Treasure Chest

Mobile Related GUI Elements

iUnits
iUnits is a PSD containing icon designs for the Apple iPhone, iPad, and Nano. Each icon is fully layered and customizable.

Web Form Elements

Android 2.3.4 GUI PSD

A fully vectorized Android GUI PSD. The template is based on the most popular screen size (normal) and pixel-density (high) using the default Android skin as the baseline.

iUnits

iPad GUI PSD - Version 2

This PSD includes all the elements you need to design proof-of-concepts or production ready assets.

Android 2.3.4 GUI PSD

iPad Sketch Elements AI
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 AI

iPhone Sketch Elements AI
This collection (as above, but for iPhone) of common iPhone elements in a sketch – like style allows you to easily and quickly mock up flows of custom wireframe screens.

iPhone Sketch Elements AI

Palm Pre GUI PSD

Another PSD to help our designers pitch and develop polished concepts using a tool their pretty familiar with: Photoshop.

Palm Pre GUI PSD

iPhone PSD Vector Kit

This set contains several button elements as well as six different iPhone interface options.

iPhone PSD Vector Kit


iPhone UIKits light remake
This PSD includes Switch controller, Segment controller, Page controller, Slider, Simple textfield and Search box and buttons.

iPhone UIKits light remake

iPhone 4 PSD : HD

Everything is in the title, it’s a PSD of the iPhone 4, the more realistic, and the highest resolution iPhone 4 PSD. It’s a 3000×4000 Photoshop Document.

iPhone 4 PSD : HD

iPhone GUI PSD Version 4
This version of the template has been completely redesigned from the ground up. Based on iOS4, it includes all the elements you need to design proof-of-concepts or production ready assets.

iPhone GUI PSD Version 4

iPad GUI PSD Kit

This set includes a full size graphic, as well as 256px, 128px and 64px icons sizes.

iPad GUI PSD Kit



iPad Stencil for Omnigraffle


This set contains backgrounds, title bars, buttons, selectors, and other iPhone UI elements, text is fully editable on lists, title bars, buttons, and scroll wheels.

iPad Stencil for Omnigraffle


All elements of Maemo 5 GUI in PSD
This PSD file download contains templates GUI-elements for the platform Maemo. It is a very necessary thing for prototyping GUI applications running on the Maemo-devices.

All elements of Maemo 5 GUI in PSD

Android 2.2 GUI

This Android kit, based on Smashing Magazine’s Android 1.5 GUI kit, has been updated with Android 2.2 (Froyo) features.

Android 2.2 GUI

HTC G2 .PSD
A high resolution interface of HTC phone model in PSD

HTC G2 .PSD

Samsung i9000 Galaxy S .PSD
A highly detailed Samsung phone model interface in PSD.

Samsung i9000 Galaxy S .PSD

Conclusion

In this roundup, we have presented some useful resources for designers to help them in creating initial rapid prototyping stages of web and mobile development in a quicker, easier and smoother way. All of the design kits presented in this collection are editable and are available in a multitude of formats. No matter what your preferred format is, you will certainly get something useful here.

Do let us know what you think about this compilation and which is your favorite design kit that you use regularly. Also drop us a line letting us know if we have missed any useful design kit.

Opinions expressed in this article are those of the author and not necessarily those of Onextrapixel.