Yes, I know this week’s graphics post is of interest mostly to web designers and I’m posting it today (rather than Monday). But I can rationalize it because it still deals with the graphic design side of web design.

Ever had to make a form for a site mockup from scratch? It’s a pain and eats up your time.

Never again! Here are some UI (user interface) elements for your next website mockup project.

OS and Website Elements

Designers Toolbox: OS Form Elements

Form, browser and OS elements for Windows Vista and XP (IE and Firefox) and Mac OS X (Firefox and Safari) in Photoshop format. Available in all major screen resolutions.

Design Stencils–Yahoo! Design Pattern Library

Ad units, calendar, charts, UI controls, form elements, menus and buttons, general and iPhone mobile UI, OS elements–you name it.

Available in OmniGraffle, Visio (XML), PDF, PNG and SVG formats.

Browser Screens and Website Elements (VectorTuts)

Browser windows, buttons and more for the Mac.

Browser Form Elements (teehan+lax)

PSD form elements for Firefox 3 on Mac OSX and IE7 on Windows Vista.

The Ultimate Web UI Kit (GraphicRiver)

A PSD containing mouse cursors, form elements (check boxes, radio buttons, next and previous buttons, form fields, drop downs, buttons) and more.

This one’s not free, but for $6, how can you go wrong?

iPhone GUI Elements

Designers Toolbox

Nice GUI elements for the iPhone in PSD format. Includes the phone, keyboard, buttons and other elements of the iPhone.

iPhone 3 GUI PSD (teehan+lax)

An updated version for the iPhone 3.0.

iPhone 2 GUI PSD (teehan+lax)

PSD containing UI elements for the previous Apple iPhone 2.

Other Elements

Web Safe Area

View web safe areas for Vista, XP and OSX for IE, Firefox and Safari browsers.

Ad and Web Banner Sizes

If you’re planning on incorporating ads on a site, these ad templates will help. Choose from all the standard (and some non-standard) sized ad banners in PNG format.

Cursors (Graffletopia)

A nice set of mouse cursors for use with OmniGraffle.

Similar Posts:

• UI, Wireframing and Layout Design Resources
• Easier Editing in ExpressionEngine and WordPress
• View Processed Javascript in Firefox and Chrome – No Plugins Required
• Make Your Own Firefox and IE Search Bar Plugin
• 24 Must-Have Online Tools For Web Designers