Many a times we, web designers spend endless hours mocking up web pages, resulting in wastage of our precious time. Thus, it is advisable to make use of good set of re-usable and uniform Web UI elements for saving both your time and efforts.
Here is a list of completely free Web UI kits and stencils that are perfect for the initial mockup or wireframe stage of a web design project. Most of these kits are editable and are in either .psd, .ai or .png format. Also, you would find some kits that are in Omnigraffle stencils and.svg format.
Modern Web UI Set (.psd)
This free Web UI Set has everything in the PSD file. It contains all the information in well organized folders, and is fully editable using vector layers in Photoshop. From the button shapes, to the gradients, and text, you can edit and recreate everything as per your needs and requirements.
Web UI Element Pack (.psd)
This UI Element Pack in PSD format. It contains 19 elements including Loading Bar, Button toggle, Button in normal and clicked state, close, next, previous and paging icon and slider.
Massive Web UI & Button Set (.psd)
This free UI set contains all of control buttons, search form, collapsible box, info boxes, and bread crumbs in three distinct styles: glossy, satin/light gradient, and one-color. The satin/light gradient set is available in 7 different colors, all of which is available in psd file.
Web Page Elements (for Omnigraffle)
Featuring the open-source “Bitstream Vera” font set and free icons, this Web UI set has most of your common web page elements covered, including headings, form elements, content management function, image placeholders, and various other features.
Sketching & Wireframing Kit (.ai, .eps, .pdf & .svg)
This kit is a free set of elements that are used for sketching and wireframing. It consists of form elements, icons, feedback messages, indicators, navigation elements, image, tooltips placeholders, sliders, embedded videos and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format and both of these formats can be easily modified.
Yahoo Design Stencils (.xml, .pdf, .svg, .png and Omnigraffle)
The popular Yahoo! Design Stencil Kit version 1.0 is available for Visio (XML), Adobe Illustrator (PDF and SVG), OmniGraffle, and Adobe Photoshop (PNG). It covers the following topics: Calendars, Ad Units, Carousels, UI Controls, Charts and Tables, Form Elements, Grids, Menus and Buttons, Navigation and Pagination, Mobile, OS Elements, Screen Resolutions, Placeholder Text, Tabs and Windows and Containers.
165 Vector Icons in 5 Colours (.ai, .jpg and .svg)
This kit contains 165 icons in five colors: Red, green, blue, black and white.
Flex 3 Stencil (for Omnigraffle)
This stencil contains all Flex components from the Flex 3 Style Guide, such as data grid, panels, buttons, fields, toggle, links, menu, scrolls, tabs, list, accordion, data picker, errors, and tool tip.
Twitter Widget Stencil (for Omnigraffle)
This stencil includes a selection of useful Twitter badges and widgets.
Facebook Applications (Omnigraffle)
This is a pretty sizable collection of Facebook related elements to use in creating wireframes for Facebook applications.
