A Collection of Useful Web Design Wireframing Resources

Wireframing is one of the best parts of starting a new web design project. You have a blank canvas and you are allowed to let your creativity rein free. Your design may eventually be spoiled by the clients added input… but for that short time …
Anyway, today’s post is a collection of useful resources for web design wireframing, prototyping and mockups. There are templates for, possibly every browser in every size, there are form and button templates for all browsers and a hell of a lot more.

Web Safe Area .psd Templates

You can download from a choice of Safari (MAC OSX), Firefox (MAC OSX, Win XP and Vista) and IE (Win XP and Vista) in almost every possible screen resolution: 465×320, 625×440, 849×608, 1105×800 and 1425×1040.

Photoshop Browser Templates

All of these free Photoshop browser templates come in 1024×768 pixels and 800×600 pixels size s. You can also choose from a wide range of browsers: Firefox, Safari, Camino, IE, Opera and even Netscape (!).

Browser Templates For The Website / Web Application Designer

This .psd browser templates package consists of IE, Firefox and Safari, in the following sizes: 800×600 pixels, 1024×768 pixels, and 1280×1024 pixels.

Photoshop Browser Templates from joel laumans

This package has the Firefox browser (MAC and Win) and IE, with easily editable title, address, scrollbar and favicon, in the following resolutions; 1280×1024, 1024×768 and 800×600.

Vector Browser Screens and Website Elements

OS Form Elements

Photoshop Form Elements

The download package contains all common standard form fields , mouse and link pointer for the following operating systems: MAC OSX, MAC Classic, Win XP and Win Classic.

Browser Form Elements PSD

Photoshop Button Templates

Proof Reading Marks

Standard Web Banners

iPhone GUI Elements

iPhone PSD Vector Kit

iPhone GUI PSD 3.0

Wireframe EPS and PNG Icons

Knowledge management and competitive research community for user experience design on the web.

Form, Button, Windows and Dialogs Wireframe Magnets

OmniGraffle Wireframe UI Stencils

Graffletopia – Stencils for Omnigraffle

This site offers a huge collection of web and interface stencils for Omnigraffle, a quick page-layout and website mockup tool. You can download Omnigraffle here: .

EightShapes Unify

EightShapes Unify is an extensive and comprehensive collection of Adobe InDesign templates, libraries, and other assets for web mockups.

Design Stencils – Yahoo Design Pattern Library

The Yahoo! Design Stencil Kit is by far and away the most complete mockup package in this post. Downloads are available for OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG), and Adobe Photoshop (PNG).

Browser Sketch Pad – UI Stencils

The collection of UI stencils and sketchpads are not free resources (they sell for $17), but were far too cool to not be included this post.

iPhone Stencil Kit – UI Stencils

Website Stencil Kit – UI Stencils

You might also like…

10 Completely Free Wireframe and Mockup Applications »
10 Online Tools and Apps to Help Optimize and Format CSS »
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes »
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools »
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices »
50 Useful Tools and Generators for Easy CSS Development »
20+ Resources and Tutorials for Creative Forms using CSS »
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials »
22 CSS Button Styling Tutorials and Techniques »