Search Icon A magnifying glass icon.
Search Icon A magnifying glass icon.
Subject
Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Graphic Design Degree Courses
Discover Sessions Graphic Design Hub

Professional Certificates

Next Start:
December 1, 2024
Explore Graphic Design Career Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Web Design Degree Courses
Discover Sessions Web Design Hub

Professional Certificates

Next Start:
December 1, 2024
Explore Web Design Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub

Professional Certificates

Explore Digital Media Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub
You can deepen your software skills and keep up with the latest Adobe CC updates in our online Digital Arts courses.
Contact Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Digital Photography Degree Courses
Discover Sessions Digital Photography Hub

DEGREES

Next Start:
December 1, 2024
Explore Fine Arts Degree Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Illustration Degree Courses
Discover Sessions Illustration Hub

Professional Certificates

Next Start:
December 1, 2024
Explore Illustration Career Courses

DEGREES

Explore Advertising & Marketing Degree Courses
Discover Sessions Advertising & Marketing Hub

Professional Certificates

Explore Advertising and Marketing Career Courses

CERTIFICATES

Next Start:
December 1, 2024
Next Start:
December 1, 2024
Next Start:
December 1, 2024
Explore Sessions Career Courses
Professional Cert PLUS
Next Start:
December 1, 2024
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Sessions Bachelor's Degrees
Next Start:
January 6, 2025
Next Start:
January 6, 2025

Free Wireframe & UI Kits

by Margaret Penney | October 24, 2016


You can find many resources for web designers online, including wireframing and UI kits. Like most online goods, they vary a lot in quality, especially if they are a freebie. Here is a collection of nicely designed, professional quality and useful wireframe and UI kits for your web design library that are also absolutely free.

Free Mobile UI Kit (Photoshop)

The Mobile UI kit by Aleksandra Gabric is an on-trend and intuitively designed set. The color palette is fresh and inspired by Pantone’s Colors of Spring 2016. The font styles are clean and san-serif with very good type hierarchy for mobile. The kit is available as Photoshop PSD files.

ui_kit_smartcat_studio_new

One Page Website Wireframes (Photoshop)

This One Page Website Wireframes kit is a fine starting place for your next one-page web design project. The layout and featured content areas are all there, now it’s up to you to bring the color, fonts, photos and graphic elements. The kit is available as Photoshop PSD files.

1_one-page-website-wireframes-600

Responsive Website Wireframe  (Photoshop)

The Responsive Website Wireframe provides a framework for a responsive website design. It makes it easy to prototype your designs using the most common grid for responsive website designs. You can use this as a guide for creating pixel perfect prototypes. The wireframes are available as Photoshop PSD files.

wireframes

Material Design Mobile Wireframe Kits (Sketch)

The Material Design Mobile Wireframe Kit by Dan Shipley is a fully-featured kit with 41 screens including maps, calendars, user profiles and other useful  content features. You can use the wireframe kit for your next site or as a way to learn about designing full-fledged mobile interfaces. The kit is available as Adobe Sketch files.

android_material_design

Clean UI Kit (Photoshop)

The Clean UI Kit is an elegant example of mobile interface design. The design style is minimalist and clean and the color palette is cool and subdued. The kit is available as Photoshop PSD files.

ui_kit_alex

Morph UI Kit (Photoshop)

The Morph UI Kit is a robust kit in a flat colorful design style. Included in the set are interface design layouts in a 12 column grid, charts and diagrams and media players. The Morph UI Kit is available as Photoshop PSD and Fireworks files.

morphui-main

iOS Simple Wireframe Kit (Sketch)

The iOS Wireframe Kit is custom-designed for the Apple product and includes elements like Swipe Right and Swipe Left. The wireframes provide a good starting point for design for the Apple iOS. The kit is available as Adobe Sketch files.

wireframe_iphone_preview

Mobile Wireframe Templates (Sketch)

The Mobile Wirefame Templates provide a bare bones template for mobile interface design and are a good place to start your own design project. The templates are available as Adobe Sketch files.

wireframe

Mobile Media UI Kit (Photoshop)

The Mobile Media UI Kit is useful for anyone interested in designing mobile interfaces with video content. The kit is available as a Photoshop PSD files.

small-media-ui-kit-preview

 

Well, I hope you’ve found something to add to your web design toolkit here. If you are interested in purchasing high-quality wireframe and UI kits take a look at what’s available at Creative Market or Envato Elements.

 

Margaret Penney is the Managing Editor of Notes on Design. Margaret is a teacher, designer, writer and new media artist and founder of Hello Creative Co.

 

For creatives seeking a thorough training in web coding and front end design, Sessions College offers accredited fully online web design certificate and web design degree programs. Contact Admissions for more information.

This blog is powered by Sessions College, the leading online school of visual arts.

[Modal-Window id=”1″]

©2024 Sessions College for Professional Design  All rights reserved

Terms & Conditions       Privacy Policy