40+ Fantastic and free UI kits

Default avatar.
December 06, 2013
40+ Fantastic and free UI kits.

thumbnailUI kits are a fantastic starting point for many projects. You can quickly mockup a professional solution and then customize the files into a bespoke solution in no time at all.

In this round-up, we've gathered together a collection of fresh user interface kits and Photoshop files; ideal for rapid development.

These files will come in handy when you are hard at work and have little time. They’ll help you create your next mockup quickly and efficiently.

Clear log-in window template

This clear log-in window template is free to download and, because it has been coded and designed to act like a chameleon, versatile enough that you can change its appearance to match background images. Five different blurred backgrounds are also included.

001

Transparent UI kit

This UI kit contains visually alluring—and transparent—UI elements for your website designs.

002

Simple log-in form

Create slick and simple log-in forms in white and blue.

003

Blue UI kit

This UI kit contains check boxes, radio buttons, toolbars, search boxes, tooltips—all kinds of things for designing websites. Furthermore, everything included in this kit is a vector graphic that can easily be resized. To get a Retina version, double the size and scale the styles.

004

Orange UI kit

In this one everything from radio buttons to check boxes to on/off GUI switches to search boxes is included. PSDs are included, and all files are vector files.

005

Minimize UI kit

This UI kit contains a basic PSD file to help you get started. All the elements in this kit are in vector format.

006

Breadcrumb navigation PSD and CSS

This sleek and visually enticing breadcrumb-style navigation interface is available in light and dark versions. You can easily customize the PSD and CSS files.

007

Calendar

Here is a minimal calendar, in gray, suitable for professional-looking website designs.

008

Black UI kit PSD

You can use this black UI kit PSD for web and application design. This set contains a navigation bar, buttons, form input elements, radio buttons and check boxes.

009

Coconut UI

This set contains minimal, clean buttons: search button, radio buttons, slider, drop-down menu and other elements.

010

Purple UI kit

This one contains some outstanding web elements, including radio buttons, sliders, search button, on/off GUI switch, social media buttons, video player and more.

012

Futurico

This pack contains all the necessities—an excellent set of components indeed.

013

Smooth web app UI kit

This is a smooth and free web app UI kit that includes all the necessary elements for web app development and admin-panel UIs. The PSD files included in this kit are all layered vector graphics.

015

The Bricks

If you want to create a prototype for your future website or facilitate the design process, this one is for you. The Bricks is a free-to-download set of UI components that will save you time and help you develop components.

016

Various PSD sliders

In this collection, all the PSD sliders are available in different styles, sizes and colors. Any one of them would make a great starting point.

018

Dark UI kit

This set of UI elements will help you design some awesome sliders, on/off GUI switches, volume controls, rating buttons and other things, in dark gray.

019

Simple Music UI

This contains beautiful UI elements for creating appealing and stylish video players.

020

Slick pagination links PSD and CSS

To spice up a boring pagination link, try this Slick Pagination Links PSD, with CSS. Use these button styles to make pagination links visually enticing.

021

Dark admin panel UI kit

In this admin-panel UI kit, you’ll get loads of dark vector elements such as various graph styles, a vertical menu, a content editor, form elements and many more.

022

Calendar UI

This kit provides free UI elements for creating useful calendars. It contains vector files, which can be resized easily.

023

Expandable CSS and jQuery menu with slider

With this design resource, one can easily create an expandable CSS — and jQuery — based menu with appealing sliders. It is available in PSD and HTML/CSS formats, and the coded version works perfectly.

024

My to-do list

This free UI kit contains a professionally designed to-do list layout.

025

Sign-in widget

Design sign-in widgets and make edits easily with this widget. PSD and vector files are included.

026

Facebook login UI

This is a visually appealing Facebook log-in element, with a basic view and many other views to showcase different stages of the log-in process.

027

Sky UI kit

With this pixel-perfect light UI kit, you will get a truly stunning set of elements to design any website, regardless of its type.

028

Twitter widget

Here is a visually appealing set of Twitter widgets, and PSD files are included for easy edits.

029

Notification centre UI PSD

With this versatile PSD of a notification-style interface, you get a drop-down list of recent notifications and messages, a log-in/connect window and pop-out messages, with more information as well.

030

Toolbar

Toolbar offers a variety of toolbar designs in gray.

031

Visits-per-day widget

This well-designed PSD file shows how beautiful web statistics can be. With this widget, you can easily see how many visits a given website gets per day.

032

Twitter widget

Display your latest tweets effectively with this simple UI. This widget codes your tweets with jQuery to show three at a time. Use the “Previous” and “Next” buttons to cycle through your tweets.

033

Clean drop-down UI

Create clean and professional-looking drop-down menus with this kit, which provides a navigation bar, buttons, and search and input fields. It’s available in two colors (white and black).

034

PayPal button set

This free kit includes a complete set of custom PayPal buttons, to give your website design a clean, professional look.

035

Dropdown

Here is a sophisticated drop-down menu kit.

036

Modal contact-form template

If you’re looking for a classy, unobtrusive contact form, here it is. In this modal template, you’ll find all the necessary HTML, CSS, JavaScript and source PSD files, which makes editing easy.

037

Instagram mini profile

Instagram Mini Profile is just what it claims to be.

038

Transparent UI kit

Here’s another transparent UI kit that provides a clean and well-organized PSD. Use it to create a modern app-like feel.

039

Progress bar

This one offers a slick and clean progress bar, with a PSD file.

040

Vinny Singh

This kit contains a huge collection of useful web elements.

041

Exclusive UI kit PSD

This set contains drop-down menus, sliders, buttons and other web elements for media playback, in dark gray.

042

Mini UI kit

Here’s a set of minimal and slick web elements such as radio buttons and other buttons and sliders.

043

Noveo button set

Elegant square and round buttons are yours for the taking.

044

Moonify UI

This detailed PSD file contains more than 60 elements, all well organized and set up for easy editing.

045

Menu-bar Twitter notifications

This free menu-bar notification interface shows social-media buttons and new messages, and enables you to save and reply to those messages. It also displays meta information, such as time stamps, which tell you when messages were posted.

046

Which of these resources is your favorite? Is there a kit you regularly rely on? Let us know in the comments.

Aquil Akhter

Aquil Akhter is a web graphic designer and has been working in this field for 10 years. He also runs the blog webdesigncore.com, which focuses on free web resources and inspiration for designers and developers.

Read Next

15 Best New Fonts, September 2024

Welcome to our roundup of the best new fonts we’ve found on the web in the previous four weeks. In this month’s edition…

3 Essential Design Trends, October 2024

This article is brought to you by Constantino, a renowned company offering premium and affordable website design You…

A Beginner’s Guide to Using BlueSky for Business Success

In today’s fast-paced digital world, businesses are always on the lookout for new ways to connect with their audience.…

The Importance of Title Tags: Tips and Tricks to Optimize for SEO

When it comes to on-page SEO, there’s one element that plays a pivotal role in both search engine rankings and user…

20 Best New Websites, September 2024

We have a mixed bag for you with both minimalist and maximalist designs, and single pagers alongside much bigger, but…

Exciting New Tools for Designers, September 2024

This time around we are aiming to simplify life, with some light and fast analytics, an all-in-one productivity…

3 Essential Design Trends, September 2024

September's web design trends have a fun, fall feeling ... and we love it. See what's trending in website design this…

Crafting Personalized Experiences with AI

Picture this: You open Netflix, and it’s like the platform just knows what you’re in the mood for. Or maybe you’re…

15 Best New Fonts, August 2024

Welcome to August’s roundup of the best fonts we’ve found over the last few weeks. 2024’s trend for flowing curves and…

Turning Rejection into Fuel: Your Guide to Creative Resilience

Rejection sucks. And for some reason, it’s always unexpected, which makes it feel like an ambush. Being creative is…

20 Best New Websites, August 2024

The overarching theme in this selection is simplicity. Minimalism never really goes out of fashion and with good…

Free AI-Website Builder, Scene, Helps With the Worst Part of Site Design

AI website design platform, Scene As we’ve been hearing constantly for the last couple of years, AI will soon replace…