Line25

20 Free HTML/CSS UI Kits

Read the full post

HTML/CSS UI kits contain many essential web elements needed in any web app or website design. That’s why we decided to share with you some of the best free HTML/CSS UI kits we could find.

All you have to do is copy the HTML and CSS of the web page elements you like and place them on your site. You will find plenty of different web design styles, such as flat, metro, futuristic and even material design!

There’s something for everybody. Also, some of these free HTML/CSS UI kits also come with fully editable free PSD files.

Enjoy!

Material Kit

Material Kit is a free Bootstrap UI kit with a fresh design inspired by Google’s material design. You will find three fully-coded example pages, to help you design your next project.

1-Creative-Tim-_-Material-Kit_-Free-Bootstrap-Material-Design-UI-Kit-

Photon 

This UI kit offers the fastest way to build beautiful Electron apps using simple HTML and CSS.

2-Photon---Desktop-app-framework---Freebiesbug--

Paper Kit

Paper Kit is a free Bootstrap UI kit that offers a fully responsive design and gives you elements that are easy to use.

3-Creative-Tim-_-Paper-Kit_-Free-Bootstrap-UI-Kit--

Get Sh*t Done Kit

This free Bootstrap 3 UI Kit has a responsive design and useful elements. It stands out due to its clean and nice looking interface.

4-Creative-Tim-_-Get-Shit-Done-Kit_-Free-Bootstrap-UI-Kit--

Google Material Design for Bootstrap

Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in any front-end framework.

 

5-Google-Material-Design-for-Bootstrap---Freebiesbug--

CSS-mint

CSS Mint is an Open Source UI Kit built to ease up layout and structuring of your Web Application. It is built on top of Normalize.css.

6-Css-mint-by-ArunMichaelDsouza--

One UI Kit

This is a simple UI kit based on Bootstrap v4.0.0-alpha.2. it has a bunch of useful web elements to choose from.

7-One-UI-Kit-for-Bootstrap-4--

uilang 

uilang is a minimal, user-focused programming language for web designers. You can use it to easily create custom user interface components, add interactive elements to your site and build prototypes.

8-uilang--

Futurico UI HTML

Futurico UI HTML is a web elements pack, created based on the free version of Futurico UI pSD elements pack.

9--Futurico-UI-HTML---Free-User-Interface-Elements-for-Developers--

Flat design UI – HTML5 + CSS3

This flat design user interface is an HTML5 + CSS3 template that will help you build awesome user interfaces, easily.

10-Freebie-Interactive-Flat-Design-UI-_-Only-HTML5-&-CSS3-

Creative CSS UI kit

This kit has a very light look and a clean design! It also comes with a Photoshop file and a lot of vector elements. You’ll get general styles, grid, layouts, typography, and more.

11-Ui-Kit-Dribbble-Rebound-

Metro-UI-CSS

This is a front-end framework for developing projects in the Windows Metro Style. Metro UI CSS includes many useful web elements.

12-Metro-UI-CSS---The-front-end-framework-for-developing-projects-on-the-web

Responsive Flat UI kit – HTML

Responsive Flat UI kit is an HTML/CSS UI kit built to work with Bootstrap 3.

13-Responsive-Flat-UI-Kit-

Bootflat

BOOTFLAT is an open source flat UI KIT based on the Bootstrap 3.3.0 CSS framework. It provides a faster and easier way for web developers to create web apps.

14-Bootflat-

Flat UI kit

Flat UI is an HTML UI kit containing a lot of useful web elements. It’s based on Twitter Bootstrap and has a stunning flat-style.

15-Flat-UI---Free-Bootstrap-Framework-and-Theme--

Light UI Kit 

This user interface kit contains buttons, input fields, sliders, progress bars, and various other form elements. It’s also fully coded in CSS and HTML.

16-Light-UI-Kit-in-CSS-&-HTML---Creative-VIP--

Availity UI Kit

The Availity UI kit is derived from Bootstrap 3 and allows developers to create beautiful web applications for the Availity Spaces platform.

17-Availity-UIKit-Components--

Almost Flat UI

‏This UI kit is based on the Foundation framework. Almost Flat UI includes a series of useful widgets such as CSS panels, breadcrumbs, tabs, alerts and tooltips.

18-Almost-Flat-UI-

Flat Admin UIkit

This flat UI kit includes a useful set of widgets and other web elements, with a focus on user input.

19-Flat-UI-Kit---Dribbble-Rebound--

Email UI kit Dashboard

‏This clean UI provides a simple approach to developing an email dashboard.

20-Email-UI---Dribbble-Rebound-–-Google-Chrome

  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Iggy's design tutorials and articles at his Web Design Blog or follow his daily findings on Twitter.

No Comments

Leave a response