These Two have previously discussed popular Web UI and Wireframe Resources in our previous posts. This article is the update on these two posts and it contains the newest UI resources that are available at free of cost.
This article contains the collection of templates, stencils, kits, and Photoshop actions that have specially been designed to make initial quick prototyping phases of a website and mobile development much easier, seamless and quicker.
All of the listed kits are completely editable and are available in a variety of formats such as .psd, .eps, .ai, .png or .kth, and .ppt etc. So, whatever the format you prefer, you will find all listed in this article.
This basic web wireframing kit consists of a PSD file.
Web Wireframe Kit (.psd) →
This web interface layout template pack comes packaged with a choice of six colors (grey, purple, blue, yellow, red and green) and are each available in both .psd and .png.
Web Kit Interface Layout Pack (.psd & .png) →
Blue Modern Web UI is a clean and well structured PSD file with example buttons and web form elements.
Blue Modern Web UI (.psd) →
This Android kit, based on Smashing Magazines Android 1.5 GUI kit, has been updated with Android 2.2 (Froyo) features.
Android 2.2 GUI (.png & .psd) →
This Android GUI default widget pack contains 14 of the default widgets, including: Analogue Clock, Buzz, Calendar, Facebook, Latitude, Market, Music, Picture Frame, Power control, Twitter, Voice Inbox, Voice settings.
Android Widgets GUI (.psd) →
This is a high-res iPhone 4 PSD (a huge 3000x4000px) and the download comes in at a whopping 60mb!
iPhone 4 PSD HD (.psd) →
This is a clean template to present your iPad Wallpapers. The Download contains transparent both PNG and the original high-res PSD.
iPad Wall Presenter (.png & .psd) →
These buttons are in a fully editable .PSD file and every element (even the shadows and highlights) has been constructed with vector shapes and layer styles, making each button fully scalable.
Free Button Collection (.psd) →
Do you use the 960 Grid System? Well if you do, here are a set of Photoshop actions for you to download. These actions will create a Photoshop document ideal for laying websites out in 12, 10, 8, 6 and 4 columns.
960 Grid System Photoshop Actions →
The Browser UI is an action that creates a browser window around any size Photoshop document you can throw at it. Simply install the action, choose a browser and play it.
Browser UI Photoshop Actions – Home Standard Edition →