21 Free UI Design Tools, Toolkits and Resources (Part 1)

Having a nice and complete set of web user interface always come in handy for a web designer in order to simplify and ease the design process. Designing user interface particularly in the initial stages is a difficult thing and UI design elements can come handy.

This is first part of the series of posts where we are showcasing a compilation of some amazingly helpful UI Design Tools, Toolkits and Design Elements for the web designers that can make their designing process an easier task.

We have already published a post about Free Web UI, Mobile UI, Wireframe Kits And Source Files For Designers and today’s collection will also definitely help you in learning new skills by discovering a new and perfect tool kit for your design project. Check them out; you will be amazed to find them.

You are welcome if you want to share more useful apps and resources for designers that our readers/viewers may like. Do you want to be the first one to know the latest happenings at  SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.


Lumzy is a Mockup and Prototype creation tool for websites and applications. With Lumzy, you can easily create your mockups and send them to clients on the fly. Lumzy also features collaboration tools for team editing, a chat engine for deliberating over designs, file versioning and so much more.


Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

The Pencil Project

The Pencil Project’s unique mission is to build a free and opensource tool for making diagrams and GUI prototyping.


Dojo saves you time, delivers powerful performance, and scales with your development process. It’s the toolkit experienced developers turn to for building superior desktop and mobile web experiences.


Make your life easier and impress clients by using mocklinkr to deliver your static mockups as a linked-up and clickable website.


MockFlow is an online tool to design and collaborate User Interface mockups for websites and software.

Serena Prototype Composer

Serena Prototype Composer enables IT organizations to quickly simulate process flows and mock up UI screens to help quickly clarify requirements.


Cocoo is a user friendly online drawing tool that allows you to create a variety of diagrams such as site maps, wire frames, UML and network charts. Cacoo can be used free of charge.


An Informal Tool For Early Stage Web Site and UI Design

Hot Gloo

The Online Wireframe Application

User Interface Design Framework

A free User Interface Design tool for Web Designers.

Pattern Tap

A useful resource to find commonly used design pattern inspiration.

User Interface Design Patterns

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.


Patternry is a user interface design pattern library aimed to help solve common interface design problems. With the new Private Libraries users can also build their private pattern libraries.


A good resource to find commonly used design pattern inspiration.

Android Asset Studio

The launcher icon generator will create icons that you can use in your Android application, from a variety of source images. To begin, simply enter the input details below. Output will be shown below.


A free set of mobile UI design elements

Android UI Elements Set

Useful and free set of beautiful Android OS UI elements.

OSX Leopard GUI Set

The package includes fully editable vector Photoshop sources and a customizable Fireworks PNG file, the original fonts that were utilized for the making of the GUI are also included.

ALL In One Web Elements Kit

A great collection of elements for your web layout in layered PSD files.

iPad GUI Set

Very useful collection of iPad app layout in layered, vector PSD files.