Wireframing can be one of the most rewarding phases in software development. It is a time for laying the groundwork of figuring out where things should live and how things should work. As designers, it can be difficult to remember that putting down the foundation should have absolutely nothing to do with flashy graphics and bedazzled colors, but there are very few design programs in our repitoir that enable us to work free of these distractions. That's where a good collection of stencils and templates of basic UI elements can come to the rescue! You can use these kits to get your ideas down quickly and create a prototype without getting losing yourself in the details!

Wireframing Kits

Best Practice UX Forms Stencil v1.1

A comprehensive release of stencil that follows best practices for UX form design, providing three different ways to lay out forms, each with its own benefits. This version also provides different button layouts, a progress indicator, a Captcha code input field, labels and more.

Free Photoshop browser template

Need a clean browser screenshot for a design presentation? Look no further. These free professional Photoshop browser templates come in 1024×768 and 800×600 pixel sizes and all kinds of flavors.

User Interface Design Framework

This pretty and comprehensive design framework contains a GUI library of hundreds of vector elements for interface design. This minimal UI icon set has 260 vector icons and a library of 200 styles for Illustrator.

Browser Form Elements PSD

Included here is a set for Firefox 3 for Mac and another for IE7 on Vista.

Wireframe Symbols

This download contains a symbols library and a full Adobe Illustrator file, with all of the elements spread out on the art board. To install this library, just drag and drop the Wireframe Symbols.ai file into your Illustrator Symbols directory. Once you are in Illustrator, go to your Symbols palette, and load the library.

UI Buttons and Icons

This set contains 165 high-quality UI icons and buttons in five different colors. Available in AI, JPEG and SVG formats.

Form Elements UI Kit

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

Flex 3 Stencil

Includes all Flex components from the Flex 3 Style Guide: panels, data grid, buttons, fields, links, toggle, menu, scrolls, accordion, tabs, list, data picker, tooltips and errors.

Social Networking

Facebook GUI Free PSD Resource

A Facebook graphic user interface (FBGUI) resource kit for Photoshop to make your work easier

Facebook Applications

A sizable collection of elements for creating wireframes for Facebook applications.

Omnigraffle Twitter Widget Stencil

This set includes a selection of useful Twitter widgets and badges.

Mobile GUI

iPhone UI Vector Elements

Most visuals for applications start out as vector mock-ups in Adobe Illustrator. So, here are some cool iPhone UI vector elements. And there are even a few good Photoshop resources and even a nice OmniGraffle iPhone UI file or two in there.

iPad and iPhone Design

Design your application for the iPhone, iPod Touch and iPad with this exhaustive set of stencils. All stencils were created by hand with native OmniGraffle shapes, and groups and can be scaled, resized and exported to other vector formats in Graffle.

iPhone 4 GUI PSD (Retina Display)

GUI PSD kit for creatives who design for the retina display (640×960). The file is huge, both in file size (62.7MB) and dimension (4074×2986). You’ll need to work at 25% – 50% even on the largest screens to roughly grab elements before zooming into 100% for the actual work.

Android 1.6 Wireframe stencil for Omnigraffle

Download this beautiful wireframe stencil add-on for OmniGraffle 5.x. Use this toolkit to wireframe Android-based apps and websites on the 1.6 Donut SDK.