Blog Archive

50 Free High-Quality Icon Sets

50 Beautiful, Free and High-Quality Icon Sets

Container Icon Pack
Container Icon Pack contains 40 high-quality (256 x 256 pixel) icons in PNG and ICO formats. This package includes box, cargo, trash icons and more. Created by Mehmet Gozetlik.
Transp in 50 Free High-Quality Icon Sets
Baggy Icon Set
Contains five high-quality icons in three formats (ICO, ICNS and PNG) and six sizes, ranging from 16 to 512 pixels!
Baggy-icon-set in 50 Free High-Quality Icon Sets
Round theme icons
A beautiful set of 106 various rounded icons.
Docky in 50 Free High-Quality Icon Sets
Fortune 500 Badges
Over 200 badges of famous brands, PSDs included.
Brands in 50 Free High-Quality Icon Sets
Red Moleskine
Red Moleskine is a beautiful icon set in PNG format and sizes of 16, 32, 64, 128, 256 and 512 pixels.
Red-Moleskine in 50 Free High-Quality Icon Sets
Old-School Icon Set
A set of six beautiful old-ish icons: typewriter, camera, radio, TV set, Gameboy, and telephone. In PNG and ICO.
Oldschool in 50 Free High-Quality Icon Sets
Playground
Nine beautiful and original icons (in PNG and ICO), created by the talented Miriam Moshinsky.
Gorg in 50 Free High-Quality Icon Sets
Windows 7 Build
A set of various basic software and office icons.
 in 50 Free High-Quality Icon Sets
Classic Timer Icon
A quality timer icon in transparent vector format, with different sizes.
Classic-timer-icon in 50 Free High-Quality Icon Sets
Nes Icons Pack
A set of retro icons (TV, NES, Pad, Alimentation box, Zelda box, Zelda game, Desktop, 1up, Magic Toad) in ICO and PNG (512 × 512 pixels).
Retr in 50 Free High-Quality Icon Sets
Jeans Feed Icons
A set of stylish feed icons as denim pockets.
Icon-Feed-Jeans in 50 Free High-Quality Icon Sets
Cemagraphics Icons
A set of various beautiful icons in PNG (32 × 32 and 512 × 512 pixels).
Icn in 50 Free High-Quality Icon Sets
To-Do List Icon
Use these icons in your Web applications to make them more attractive.
To-Do-List-Icon in 50 Free High-Quality Icon Sets
Social Media Handycons
Handycons is a free hand-drawn set of 12 social-media icons. All icons are available in four sizes: 16, 24, 32 and 48 pixels.
Social-media-handycons in 50 Free High-Quality Icon Sets
Canon 400D + lens 17-85mm
Set of two icons: camera and lens. Comes in sizes of 512 and 16 pixels and iContainer, ICNS, PNG and ICO format.
Canon-400D in 50 Free High-Quality Icon Sets
Retrofukation
A stylish set of icons to complement almost any theme out there. Designed to be easily distinguishable, simple and intuitive. This icon pack contains over 100 icons. Designed by Jamie Green.
Retro2 in 50 Free High-Quality Icon Sets
e-Commerce Icons
A huge set of icons that you can use for an online shop.
Prod in 50 Free High-Quality Icon Sets
Function icons set
A beautiful and useful set of 128 icons, available in 48 × 48 pixels.
Wef in 50 Free High-Quality Icon Sets
Elementary Icons
A set of smaller Web developer-style icons.
 in 50 Free High-Quality Icon Sets
Human 02
Here is a nice multi-purpose icon set for your business website.
 in 50 Free High-Quality Icon Sets
32px Mania Icon Set
Another series of smaller icons that can add flair to any website design.
 in 50 Free High-Quality Icon Sets
Business Icons
A collection of random business-related icons with a Web 2.0 look.
 in 50 Free High-Quality Icon Sets
Chums Icon Set
This is the ultimate collection of high-quality tech-related icons. You can find everything from iPods to digital cameras.
 in 50 Free High-Quality Icon Sets
Tom Tom
Does your business deal with GPS and navigation systems? Then this is the icon set for you.
 in 50 Free High-Quality Icon Sets
Black Neon Agua Icons
A unique icon set that is ideal for darker website designs.
 in 50 Free High-Quality Icon Sets
Credit Cards Icons
15 beautiful credit card icons in AI and EPS format. And here are yet more credit card icons.
Cred in 50 Free High-Quality Icon Sets
Antique Icons
A set of antique icons in PNG, ICNS and ICO formats, ranging from 16 × 16 to 256 × 256 pixels.
Retro3 in 50 Free High-Quality Icon Sets
Hand-made food and beverage icon set
Seventeen hand-drawn icons, created by Victor Amanatidis.
Kilo in 50 Free High-Quality Icon Sets
Social Media Mini Iconpack
This icon set consists of 30 finely crafted social media icons in a size of 16 × 16 pixels. They are free to use non-commercially.
Sm in 50 Free High-Quality Icon Sets
Manto Smiley Icon Set
Twenty original emoticons by Chinese designer Manto.
Manto in 50 Free High-Quality Icon Sets
Emotions For WordPress Icons
Emoticons for WordPress.
Ew in 50 Free High-Quality Icon Sets
Green and Blue Icon Set
Five icons, each in 128 × 128 pixels and PNG format. Included are icons to represent gallery, downloads, emoticons, calendar and folder.
May in 50 Free High-Quality Icon Sets
Airport Express
This icon is for personal use only. Download includes iContainer, PNG and PSD formats.
Airport-Express in 50 Free High-Quality Icon Sets
Coquette Part 3 Icons
This free playful icon set contains curvy and colorful icons made with one goal: to get some affection and playfulness into your projects. The 50 high-quality icons come in sizes of 16, 32, 48, 64 and 128 pixels, and in 32-bit transparency PNG format.
Coquette-Part-3-Icons in 50 Free High-Quality Icon Sets
Email Me Icons
These icons are free for personal use and available in 32, 48, 64 and 128 pixels.
Email-me-icons in 50 Free High-Quality Icon Sets
Reality
A set of beautiful, realistic icons of different daily-use object. These are free for non-commercial use.
Reality in 50 Free High-Quality Icon Sets
Music Icons
Beautiful icons of music instruments. Icons are absolutely free for any purpose.
Music-icons in 50 Free High-Quality Icon Sets
Sleek XP: Basic Icons
A set of 50 stock icons in PNG and ICO formats.
Sleek-XP-Basic-Icons in 50 Free High-Quality Icon Sets
Set of Social Icons
A set of beautiful social icons in PNG format and sizes of 16, 32 and 64 pixels.
Set-of-social-icons in 50 Free High-Quality Icon Sets
GP Icons
A set of 23 PNG icons of different software products. Has a great grunge style.
GP-iCons in 50 Free High-Quality Icon Sets
Banking Stuff Icons
Banking-related icons for non-commercial use, in sizes of 32, 48, 64, 128 and 256 pixels.
Banking-Stuff-icons in 50 Free High-Quality Icon Sets

Smashing Magazine’s Icons

Smashing Retro Icon Set
A set of 10 beautiful, high-quality “vintage” icons. The set contains 10 original icons: search, sign-up, calendar, news, RSS, comments, email, ads, home and address.
Preview2 in 50 Free High-Quality Icon Sets
Flavours Icon Set
This set, aimed to help designers in their Web and user interface designs, contains 177 icons in a resolution of 48×48 pixels. The files are available in the PNG and PSD sources, so you can modify the files as you wish. Created by Oliver Twardowski.
Flavour-preview in 50 Free High-Quality Icon Sets
Stationery Icons Set
A useful set of 22 vector icons (256 × 256 pixels). It contains book, brush, crayon, clip, color pencils, document, eraser, pad, palette, post-it note, scale and scissors, as well as the Fireworks source file.
Stat-smallpreview in 50 Free High-Quality Icon Sets
On Stage Icons Set
The set contains 49 free vector icons, including PSD, which can be useful for both corporate and personal projects. You can use the set for free, without any restrictions whatsoever. The icons are available in PNG format in a resolution 128×128 pixels. Also included in the package are 100% pure shape-based layered PSDs.
Df On Stage Preview in 50 Free High-Quality Icon Sets
Fresh Icons Set
This set contains 59 raster and vector icons. The set includes icons in PNG, ICNS and ICO formats. An EPS vector file is available as well.
Release in 50 Free High-Quality Icon Sets
Practica Icons Set
A free set of 11 useful high-quality icons, designed by DryIcons especially for Smashing Magazine and its readers. The icons are available in resolutions of 64, 128 and 256 pixels, in 32-bit transparency PNG format.
Practika Large in 50 Free High-Quality Icon Sets

About the author

Naveed Javaid is a Web designer and runs the blog SmashingApps, which focuses on free resources and inspiration especially for designers and developers. If you want to connect with the author, you can follow him on Twitter.
(al)
READ MORE - 50 Free High-Quality Icon Sets

50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.
This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator. …Or you could use pen and paper.

Complete Wireframing Toolkits

Quommunnication Stencil Kit
A PSD file with common design elements for sketching and wireframing: form elements, RSS feed icons, colors, Advertising units, browser windows and grids.
Wireframing01 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Mac OS X Interface Stencil Kit
Leopardy interface stencil kit. This one makes extensive use of tables, for maximum flexibility while maintaining pixel precision.
Macos2 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Facebook Applications Stencil Kit
A pretty sizable collection of Facebook related elements to use in creating wireframes for Facebook applications.
Facebook in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Flex Stencil Kit
Includes all Flex components from Flex 3 Style Guide: panels, data grid, buttons, fields, links, toggle, menu, scrolls, accordion, tabs, list, data picker, tool tip, errors.
Flex in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Eclipse Stencil Kit
This stencil enables you to easily prototype Eclipse (wizard) dialogs with OmniGraffle(TM).
Eclipse in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Massive Web UI & Button Set
This set contains UI elements in three distinct styles: glossy, satin/light gradient, and one-color. The satin/light gradient set is available in 7 different colors (which you’ll find all of in the PSD file). Available are control buttons including arrows and basic symbols, info and text boxes, breadcrubs, buttons, and other navigation elements, drop-down and collapsible box styles, speech bubbles, search forms and loading elements.
Web-ui-set-preview1 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Yahoo! Design Stencils – Design Pattern Library
You would be hard pressed to find a better wireframing resource than this one. The Yahoo! Design Stencil Kit is available for almost every application: OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG) and Adobe Photoshop. This huge library covers the following elements (basically, everything): ad units, calendars, carousels, charts and tables, UI controls, form elements, grids, menus and buttons, mobile (general), mobile (iPhone), navigation and pagination, OS elements, placeholder text, screen resolutions, tabs, windows and containers.
Wireframeresource48 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Free Sketching & Wireframing Kit
The Sketching & Wireframing Kit is a free set of elements for sketching and wireframing. It consists of form elements, icons, indicators, feedback messages, tool tips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG, which can be easily modified. It can also be downloaded in PDF and EPS formats.
Wireframeresource52 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
EightShapes Unify
EightShapes Unify is a collection of templates, libraries and other assets that enable user experience designers to create more consistent and effective deliverables faster. The system uses the Adobe Creative Suite of products; Adobe InDesign is the primary authoring tool.
Wireframeresource57 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframe Symbols
This download contains a wireframe symbol library and a full Adobe Illustrator file with all of the elements spread out on a board. To install the library just drag and drop the file named Wireframe Symbols.ai into your Adobe Illustrator “Symbols” directory. Once you open Illustrator, go to your Symbols Palette and load the library.
Wireframeresource49 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
OmniGraffle Wireframe Stencils
This is a set of shapes for making wireframes in OmniGraffle version 5.x (Mac OS X).
Wireframeresource50 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
OmniGraffle UX Template
This is an OmniGraffle Pro template for interface design that includes shared layers for basic UX document needs; e.g. title page, wireframes, storyboards.
Wireframeresource51 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Web Page Elements
Using the open-source “Bitstream Vera” font set and free icons from FamFamFam, you should have most of your common web page elements covered, including headings, form elements, content management function, image placeholders, etc.
Webpage in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Browser Templates

Photoshop Browser Templates – Web Designer Toolkit
These Photoshop browser templates come in 1024×768 and 800×600 pixel sizes and cover nearly all browsers (Firefox, IE, Safari, Camino, even Netscape). For both sizes, the safe viewing area is clearly marked in a separate layer.
Wireframeresourcea in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Browser Templates for the Website
These Photoshop browser templates for Internet Explorer, Firefox for Mac and Firefox for Windows have been mocked up in the following sizes: 800×600, 1024×768 and 1280×1024 pixels.
Wireframeresource1 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Photoshop Browser Templates
This layered PSD file contains three different browser resolutions; all with easily editable titles, address bars, scroll bars and favicons. Just open the PSD and place the layers on top of the design that you are working on, and voila!
Wireframeresource2 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Browser Screens and Website Elements
A useful set of vector website assets.
Wireframeresource3 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web-Safe Area Templates for Photoshop

All of the Web-safe area browser PSD templates listed below can be individually downloaded by choosing from the following resolutions: 640×480, 800×600, 1024×768, 1280×960 and 1600×1200 pixels.
Wireframeresource4 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource5 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource6 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource7 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource8 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource9 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Form Elements

Best Practice UX Forms Stencil
This is a comprehensive release of the stencil kit which follows best practices in UX form design. It provides three different ways of laying forms out, each with their own benefits. This version also provides different button layouts, a progress indicator, captcha code input field, labels and more.
Uxform in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Photoshop Form Element Templates
These Photoshop files include screenshots of all the common form elements as displayed in your selected operating system (Mac Classic, Mac OS X, Win XP and Win Classic). The form elements are separated into individual layers so that you can easily select, adjust or switch them as you please.
Wireframeresource10 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Browser Form Elements PSD
Included in this PSD file are form elements for Mac Firefox 3 and another for Vista IE7.
Wireframeresource11 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Web Form Elements Volume 1
Volume 1 contains a selection of Web user interace elements for forms in Photoshop format.
Wireframeresource12 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Web Form Elements Vol.2
This is Volume 2 of the Web Form UI Elements mentioned above and has been designed in a different style.
Wireframeresource13 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Photoshop Button Templates
These Photoshop button templates have been separated into individual layers to be easily selectable. You can choose from the following colors: dark blue, light blue, dark green, light green, yellow, orange, red and purple.
Wireframeresource14 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Browser Elements

You can select the element you need from whichever operating system and browser you use, and download them individually.
Wireframeresource15 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource16 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource17 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource18 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource19 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource20 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Grid Templates

960px Photoshop Grid Template
This template has a guide for a three-column 20-pixel gutter design, with layers of washed-out colors to visualize both columns for the purpose of the rule of thirds. Additionally, it is broken down into six columns of 20-pixel gutters.
Wireframeresource20a in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource21 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Illustrator Template for Blueprint CSS Comps
This Adobe Illustrator document features a 24-column grid for CSS frameworks such as Blueprint. It consists of guides that comply with Blueprint’s grid of 24 columns of 30 pixels, 10-pixel-wide gutters and a horizontal width of 950 pixels. Horizontal guides are provided at 18 pixels or a 1.5 em line-height for a 12-pixel base font.
Wireframeresource22 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Photoshop Template for Blueprint CSS Comps
This Photoshop document features a 24-column grid for CSS frameworks such as Blueprint. It consists of guides that comply with Blueprint’s grid of 24 columns of 30 pixels, 10-pixel-wide gutters and a horizontal width of 950 pixels. Horizontal guides are provided at 18 pixels or a 1.5 em line-height for a 12-pixel base font.
Wireframeresource23 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mobile App Development Resources

iPad GUI PSD
The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.
Ipadgui in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Ultimate iPhone Stencil – Graffletopia
This Omnigraffe iPhone stencil kit contains backgrounds, title bars, buttons, selectors and all other iPhone UI elements. It can be easily resized horizontally by ungrouping, resizing the middle element and then regrouping the elements back into a single button.
Wireframeresource24 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone 3G Stencil
Includes standard interface components for the iPhone 3G: buttons, fields, map elements, keyboards, icons. All components are on a transparent background and should re-size nicely.
Iphone3g in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone GUI PSD 3.0
With Apple’s official release of the new iPhone 3.0 came a number of new GUI elements. Some of the changes and additions have been include in this GUI: map and map elements including curl, copy and paste elements; timeline bar editor; and horizontal iPhone and horizontal panel bars and keyboards.
Wireframeresource25 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone PSD Vector Kit
This iPhone starter kit comes with several button elements as well as six different iPhone interface options.
Wireframeresource26 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone GUI Elements
Free iPhone elements available as layered Photoshop (PSD) files.
Iphone in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone GUI as Rich Symbols for Fireworks
This iPhone kit has been designed using Adobe Fireworks. It has several combinations, buttons, backgrounds, etc. It also has some lines of code to transform the simple vector symbols into rich symbols, with some variables.
Wireframeresource27 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Google Android GUI Application Mockup PSD
This Photoshop file contains all of the basic elements of Android 1.5, Google’s mobile operating system.
Wireframeresource28 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Palm Pre GUI PSD
This Palm Pre GUI PSD has been built with vectors for easy editing and scaling, and it contains most of the Pre’s GUI elements.
Wireframeresource29 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
RIM Blackberry PSD
This download package contains 135 detailed layers for Blackberry app development.
Wireframeresource30 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Optional Wireframe Extras

Interactive Sketch Notation
The general idea behind this notation is the desire to visualize user interface states as well as user actions in a clear and rapid manner.
Linowski in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Storyboard in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource31 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Standard Web Banners
You can download these standard Web banners or ads individually (468×60 pixels, 768×60, 125×125, etc.). There are also templates for common but non-standard banner sizes (120×30, 230×33, 728×210, etc.).
Wireframeresource32 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframe Icons, Royalty-Free EPS and PNG
The icon set includes EPS and PNG versions of the original Konigi Wireframe Icon Set and are suitable for use in vector drawing applications such as Adobe Illustrator as well as in Microsoft Visio.
Wireframeresource33 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
WEB UI Treasure Chest
This PSD layered file, most of whose files are fully editable, contains more than 100 elements for website design.
Wireframeresource34 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Webdesigner kit
This Photoshop download contains registration fields, menus, checkboxes, radio buttons and cursors.
Wireframeresource35 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Printable Sketching Paper

A4 and A3 Sketching Grid Paper
This downloadable and printable 960-pixel-wide grid makes it easy to create a three-column (320 pixel), four-column (240 pixel), five-0column (192 pixel) or six-column (160 pixel) grid on a single sheet of paper. You have two sizes to choose from, A4 and A3.
Wireframeresource36 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource37 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone Application Sketch Template
The grid squares for this sketching paper are equal to 10 pixels. The tick marks indicate the height of the status bar, nav bar, keyboard, tab bar and toolbar. For best results, print on A4 borderless paper.
Wireframeresource38 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone Wireframe Templates for Sketching
Two layouts are available, both in PDF and Visio (VSD) formats for quick iPhone mockups.
Wireframeresource39 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
iPhone App Wireframe Template
Two versions are available, one in landscape and the other in portrait. Each version includes three pages: page 1 has a vertical screen and notes column; page 2 has a horizontal screen and notes column; page 3 has a three-screen layout that is great for drafting designs.
Wireframeresource40 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Printable Wireframe and Notes

The below 8.5 x 11-inch graph paper is made for visual designers, interaction designers and information architects. You’ll find styles for wireframing user interfaces, storyboarding interaction and plotting values on a 2×2 grid. Plus, you’ll get a basic grid for drafting site maps or anything else that comes up. Choose from the following:
Wireframe with Notes
This wireframe grid is divided into 24 columns, with gutters between each column. The grid is especially useful for designers who work within a CSS framework such as Blueprint.
Wireframeresource42 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource43 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresource44 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Storyboard
This is a storyboard with four cells. Each cell contains a simple grid.
Wireframeresource45 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Storyboard with Notes
This is a storyboard with four cells. Each cell contains a simple grid. The area beneath each cell is ruled for notes.
Wireframeresource46 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Basic Paper
This is a basic grid box. Use it for concept diagrams, site maps, spectrums, tables and whatever else you sketch.
Wireframeresource47 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Wireframe Magnets (DIY Kit)

These DIY magnet template are based on the Konigi wireframe stencils and includes three sheets of elements that would be useful for whiteboard prototyping. Simply download and print the PDFs onto magnet sheets, and cut them out.
Wireframeresourceb in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresourcec in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframeresourced in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Further Resources And Some Wireframing Inspiration

web.without.words
A visual playground where designers take popular sites and reconstruct them in a wireframe.
Ebay in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Graffletopia
Graffletopia is a huge resource of free stencils for OmniGraffle (Mac-only, sadly). With OmniGraffle, you can quickly create high-quality wireframes, flowcharts and other diagrams.
Wireframeresource53 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Mockups To Go
Mockups To Go is a user-contributed collection of ready-to-use UI components and design patterns that were built using Balsamiq Mockups. You can download all of the components and design patterns to use in your mockups.
Wireframeresource54 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
Wireframes Magazine
Wireframes Magazine is dedicated to all things wireframing and prototyping. It has a huge library of downloadable templates, samples and UI tools, and even a section for inspiration.
Wireframeresource55 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
I {heart} wireframes
I {heart} wireframes is a great source of wireframing inspiration and resources. And yes, we all love wireframes!
Wireframeresource56 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

READ MORE - 50 Free UI and Web Design Wireframing Kits, Resources and Source Files