5 Gorgeous UI Web Kits

Categories Articles, Freebies, Web Design

This is a guest post by Gijsbert Koren – graphic designer & founder at Mooze Design. They design mobile applications, websites and visual identities.

Every webdesigner needs them – wireframes. A famous wireframe tool is Balsamiq Mockups. It takes just a few minutes to drag and drop the ready made elements and create the wireframe of a website. While Balsamiq Mockups is a very useful tool, the wireframes are very rough and some clients need a bit more detail and elegance to be convinced. This is where UI Web Kits for Photoshop become very useful. Just like with Balsamiq, you can drag and drop ready made elements and create your wireframe in minutes. Because the great level of detail, you will of course take a few more minutes to get those details right.

An overview of 5 Gorgious UI Web Kits for Photoshop:

1. All in One Web Elements Kit

These bold design elements are very useful for clear communication. The PSD file is well organised, making drap and drop easy as 1,2,3.

2. Sketching and Wireframing kit

This easy going set of elemts can be used to sketch and wireframe websites. The kit is also available in other formats.

3. Massive Web UI & Button Set

A large set of simple buttons in different styles. Check out the PSD file to find out!

4. 165 Vector icons

Just start and love this very nice icon set.

5. Web UI Treasure Chest

And to finish it off, some slick buttons, stickers and more in this treasure chest!

All these kits together, are the perfect start for a gorgeous wireframe. And last but not least, we also made a kit, which is of course free to use:

We’d love to hear your feedback on our kit!

Get free demos for 642-631 and 350-050 exam with 100% guaranteed success. Our best quality 642-983 prepares you well before appearing in the final exams of 650-987 & 650-292.

Gijsbert Koren is a graphic designer at Mooze Design. Mooze Design is founded by Gijsbert (The Netherlands) and Shyam Soni (India). They design mobile applications, websites and visual identities.
  • Great article, but I miss cacoo.com on the list.¨
    It’s a great tool to make UI, any kind of model and wireframes in.

  • Thanks very much for featuring one of our vector icon sets in this post – we really appreciate it!

  • Do you guys know what wireframes are? Wireframes should not contain any form of graphic design, they should only be used to give certain parts a place. Title is right, story in it is not ;)

  • they’re really cool web ui resources; they’re free to use (personal purpose)?

  • Nice list! Thanks for sharing!

  • This post is very helpful for me, thank you so much for sharing quality information.

  • very useful information.. thank you

  • @Mette – yes cacoo is good…

  • thanks!!! for web kits you have provided

  • These are very nice kits. Thank you for the great downloads.

  • Max

    Another HTML interactive tool you might want to check out is Tiggr – http://gotiggr.com. With Tiggr you can create, share and preview Web and mobile HTML prototypes. The key is that you can create interactive HTML prototypes with navigation which you can view and test in any browser.

  • Cynthia

    Nice kits! I would also add Keynotopia’s templates. Both graphic kits + wireframe kits (as mentioned above by Nick_de_K.). Pick your preference ;) You can create, share, and test mobile, desktop, and web prototypes (+ make them interactive w/o writing code which is a nice plus). They’re not free, but they do offer 100% money back so might be worth checking out if you’re into using the kits for prototyping like I am. – http://keynotopia.com/