A UI Design and Prototyping Treasure Chest

By / Dec 23, 2009 / Freebies

When designing a user interface there are always times that you will find yourself using the same graphical element over and over. So in order to be more productive, it’s a good idea to keep a library of common elements such as form elements, buttons, icons, browser templates, and windows. Having these close by will save time and speed up your design and prototyping work flow. Here is a collection of these types of elements that should be a big help to you.

Browser Templates For The Website / Web Application Designer

ui design

WEB UI Treasure Chest v 1.0

ui design

Webdesigner kit

ui design

Turquoise PSD

ui design

Vector Pack: Browser Screens and Website Elements

ui design

Browser Form Elements PSD

ui design

iPhone GUI PSD 3.0

ui design

iPhone GUI PSD 3.0

ui design

OmniGraffle Wireframe Stencils

ui design

Web Form Elements Vol.2

ui design

21 Best Icon Sets for Designing Web Apps

ui design

OmniGraffle Wireframe Stencils

ui design

Web Form Elements

ui design

Windows 7 Taskbar .psd

ui design

Windows 7 Window PSD

ui design

Web Browser Elements

ui design

Yahoo! Design Stencil Kit version 1.0

ui design

Quommunication Starter Kit

ui design

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

  • Sam Harding

    Cool round-up. Stuff like this keeps me sane =)

  • http://www.thatdeadpixel.com Mike

    Great Post! I found a few things to download I didn’t already have.

  • Dan

    That’s awesome. Thanks so much, guys- you have no idea how much time this will save me.

  • http://sniperyu.deviantart.com/ sniperyu

    thnx for featuring my work here … TWICE :)


  • http://www.aftabkhalid.co.cc Aftab Khalid

    Great post of ending 2009 i like it, here is all stuff which is designers basic need… thanks a lot for sharing Henry you are the great. :)

  • http://www.bococreative.com Joanna

    It’s crazy how many useful tools there are out there – never used any form generators, but now I just might. Many thanks.

  • http://www.dzinepress.com/ Dzinepress

    really useful stuff for designers you sharing some creative treasures.

  • http://arcnerva.com Arcnerva

    Amazing roundup, thanks.

  • Babs

    thanks! I also find this very usefull, it’s a wireframing tool that allows for pencil sketch styles mockups, as well as a Mac and Windows style mockup: http://iplotz.com/

  • bakoma320

    really useful stuff for designers you sharing some creative treasures.

  • http://www.sufined.com naveed

    amazing stuff very usefull and comes in real handy for daily projects :)

    thanks for sharing

  • http://kalimfleet.net web2000

    Useful roundup – bookmarked!

  • http://postfreelance.blogspot.com/ Peter

    very useful for freelancer…thanks man :)

  • http://www.spiralteck.com webb

    I am definately bookmarking this page.

  • http://scarletbits.com h1brd

    Been using some of this resources for awhile and can’t live without them anymore. Awesome material to have always saved and ready to use in new projects. Everyone should gather their favorites and make their own “treasure chest” 😉

  • http://www.probandenservice.net Probanden

    Thank you for sharing this great collection. It’s very useful. Bookmarked this website. 😉

  • Chuck

    Wonderful post! This should be a valuable resource to most of us web designers :)

  • Argo

    You are AWESOME! Thank you so much.

  • http://www.bigtunainteractive.com/services/web-design/ Adam Hermsdorfer

    Those icons are $! I’m really impressed with the Yahoo stencil kit. Its a solid set.

  • http://www.smashingshare.com Smashing Share

    amazing stuff here

  • http://vijay-dev.deviantart.com/ Vijay

    This is AWESOME….!!!

  • http://www.jrgarou.com Junior Santos

    This is already in my Delicious.
    Very cool!

  • http://www.mattaebersold.net Matthew Aebersold

    Wonderful resource, definitely saved this one…

  • Danielle

    Are these free for commercial use?

  • vysaghsekhar

    cool.. gr8 resource thanks.. :)

  • http://pallieter-diving.be/ pallieter

    a most useful resource, saves lots of time!

  • http://www.duxcic.com Ahmed

    Very Very Nice, Thanks .

  • http://www.soapboxdesign.com.au Lisa [@soapboxdesign]

    Fantastic resource – thanks for putting this together..!

  • http://www.38pages.com Drew Binkley

    Wow! This is a great collection. Thanks for putting it together.

  • http://darcva.com Darc Vanilla Design

    Very useful article! Thanks a lot

  • http://www.empfehlenswert-wien.at wien

    great post, thanks to sharing

  • http://graphicrangers.com Yasir

    Thanks for share this great resource.

  • https://deepikadutta.wordpress.com/ Deepika

    For one of my clients, I was required to design product for Windows-7. The sources files for windows 7 here were real helpful. Thanks for it!

  • http://www.ocular.in Chilukuri Bhaskar

    useful for UI Designing Thanks mate

  • http://www.xcellence-it.com/ Xcellence IT

    Awesome Collection..

    Thanks for sharing

  • http://www.thomascraigconsulting.com Thomas Craig Consulting

    Great resources, thanks for sharing.

  • Pingback: 10 Excellent Tools for Creating Web Design Wireframes | Tools()

  • http://pierrefoucart.com Pierre Foucart

    WOW. That’s some bad ass pattern design listing you’ve got there: Delicioused!

  • http://seostream.ru/ Кирилл

    Thank you for sharing this great collection. It’s very useful. Bookmarked this website.

  • http://www.redesignyourbiz.com/ Maverick

    wow, these are just awesome and very useful… thanks a ton for putting all these in one place :)


  • http://zip mike

    I’m after a windows 7 user interface in Photoshop… Anyone know where I would get it?