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

logo 50 Useful and Free Web UI, Mobile UI and Wireframe Kits50freewireframes-180 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.

50freewireframes 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.

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

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.

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

Small Blue UI Kit

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

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

Simple To-Do List

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

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

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.

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


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?

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

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.

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

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.

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

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.

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

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.

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

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.

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

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

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

Eclipse GUI Design

Widgets for Eclipse and Mac OS X

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

Interactive Sketching Notation 1.1

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

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

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

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

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.

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

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.

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

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.

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

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

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

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

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

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

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

Blue Modern Web UI

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

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

Web kit interface layout pack

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

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

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.

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

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

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

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.

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

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.

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

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.

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


Modern Web UI Set


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

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

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.

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

Eclipse Stencil for OmniGraffle

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

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

Browser Form Elements PSD

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

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

WEB UI Treasure Chest

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

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

Web Form Elements

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

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

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.

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

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.

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

iPad GUI PSD – Version 2

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

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

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.

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

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.

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

Palm Pre GUI PSD

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

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

iPhone PSD Vector Kit

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

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

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

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

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.

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

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.

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

iPad GUI PSD Kit

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

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


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.

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

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.

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

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.

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

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

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

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

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

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.

To show main source of content:
http://www.onextrapixel.com/2011/11/16/50-useful-and-free-web-ui-mobile-ui-and-wireframe-kits/

%d bloggers like this: