Open-Source

45 Free Design Resources: HTML5, CSS, UI Kits And PSDs

In this compilation, you will discover around 4 exceptional and very useful HTML5, CSS, UI Kits and PSD resources that will in the long run help you keep your creativity alive. These resources will come in handy in particular when you need to develop certain design that requires these resources. Following is the list of some of the best HTML, CSS and PSD templates and UI kits.

Without any further ado, here we are presenting the complete list. Do let us know what you think about this compilation. Feel free to share your opinions and comments with us via comment section below. Enjoy!

Free HTM5/CSS Templates

OverFlow

( Demo | Download )

Helios

( Demo | Download )

Legend: Free Responsive One Page Template

( Demo | Download )

Free Restaurant Website Template

( Demo | Download )

Escape Velocity

( Demo | Download )

Free Website Template for Car Business

( Demo | Download )

Cafe – Free Template

( Demo | Download )

TXT A Responsive Site Template

( Demo | Download )

Halcyonic

( Demo | Download )

Parallelism

( Demo | Download )

Free UI Kits

Free UI Kit [PSD]

( Download )

Flat Ui Kit Coded Rebound

( Download )

Clean UI Kit

( Download )

Flat UI kit (psd)

( Download )

UI Kit for Marvel App

( Download )

Minimal UI Kit

( Download )

Ui Kit

( Download )

Free Musicapp Ui Kit

( Download )

Pizza UI Kit

( Download )

Light UI/UX Kit

( Download )

Food App Kit iOS 7

( Download )

About us & Metrics

( Download )

Flat UI Kit

( Download )

Flat UI Kit

( Download )

Transparent UI kit

( Download )

Free PSD’s Files

Free Moto 360 Mockup

( Download )

Team Conversation Icon

( Download )

50 FREE Icons

( Download )

Cellphone payment (PSD)

( Download )

Collection icon design with signals

( Download )

Flat Devices

( Download )

Flat Icons

( Download )

Round World Flags

( Download )

Heart shape button and icon (PSD)

( Download )

Map Pointer Icon (PSD)

( Download )

Plush UI Toggles PSD

( Download )

Identity Theft icon

( Download )

Packing box, shipping icon (PSD)

( Download )

Transparent iPhone Mockup + PSD

( Download )

Menu Unwrap Menu

( Download )

Wooden Sign Template (PSD)

( Download )

List

( Download )

Email Newsletter

( Download )

Expand menu button

( Download )

Medical Icon Pack

( Download )

7 Free HTML5 CSS3 Checkout Forms

Here we have put together 7 free HTML5 and CSS3 checkout forms for you. Checkout and order processing is the last but the most important part of any marketing campaign. This is the reason why almost all companies pay special attention when it comes to checkout forms. This is the part that gets you a successful lead and convert a potential visitor into your customer.

Here we have some free HTML5 as well CSS3 and jQuery checkout form that can complete your order process efficiently. Look into this collection and be inspired to create an effective and appealing checkout form. Do let us know what you think about this compilation. Your comments are always more than welcome. Feel free to share this collection with others as well. Enjoy!

CSS Shopping Cart Checkout Basket Details Animated

Responsive Shopping Cart

FlatUI Checkout Concept

Checkout

Cart Summary Three

CSS3 Tooltip Shopcart

Responsive Shopping Cart

Best Remote Desktop Tools You Should Know

For this round up, we are presenting 10 best and free remote desktop tools that you must know. These remote desktop tools are very helpful for you. Though, such tools and features have been around for years and majority of them have been built with IT administrators and managers in mind. With remote desktop tools, IT administrators and support personnel can easily access connected computers via a master computer. However, at times even average users need to access their home or work PC, and these remote desktop tools will help them in this regard.
Without any further ado, here is the complete list for your review. We hope that you will find these tools useful for you. Have a look at this collection and feel free to share your opinions with us via comment section below.

Teamviewer

Remote control any computer or Mac over the internet within seconds or use TeamViewer for online meetings.

Splashtop

Top-rated and highest-performing Remote Desktop, Remote Support, and App Delivery solution. 16 Million Users. Support Windows, Mac, iOS, Android and more.

Chrome Remote Desktop app

Chrome Remote Desktop allows you to set up your computer for secure remote access. This includes setting up your computer so that you can access it later from another machine; or you can also use the app to let a friend remotely access your computer temporarily, perfect for times when you need help solving a computer problem.

Logmein

Get In and go with remote access from LogMeIn. Enjoy the freedom to work from anywhere by accessing desktop and laptop computers, PC or Mac, over the web.

PC Anywhere

Enables you to use a computer to access and control another computer, establishing a safe and secure one-one-to-one connection to remotely retrieve documents, view archived data, or even troubleshoot issues.

Gotomypc

Radmin

Radmin – PC Remote Control Software for Fast and Secure Remote Access to Computer from Anywhere. With Radmin you can Control Remote PCs, Transfer Files, Share Remote Desktop, Work Remotely and Perform System Administration.

UltraVNC

UltraVNC is a powerful, easy to use and free software that can display the screen of another computer (via internet or network) on your own screen. The program allows you to use your mouse and keyboard to control the other PC remotely. It means that you can work on a remote computer, as if you were sitting in front of it, right from your current location.

Web Development Free Testing Tools

Testing tools are the basic necessity of developers that they often need to check their coding. These testing tools help developers in carrying out necessary tests to check their website is working fine in all important areas. It is the responsibility of the developer to check everything from loading speed to potential hack vulnerabilities before handling the website to the client.
Here, we have also listed a collection of some essential web development tools. We hope that this collection proves to be the best for you. Here is the full list after the jump. Enjoy!

Load Impact

Automated and on-demand performance testing for the DevOps-minded. Load test your website, web app, mobile app or API instantly with up to 1.2 million concurrent users, there is also PRO version.

Link Checker

LinkChecker is a free, GPL licensed website validator. LinkChecker checks links in web documents or full websites.

Sqlmap

sqlmap is an open source penetration testing tool that automates the process of detecting and exploiting SQL injection flaws and taking over of database servers.

Firebug Firefox Extension

The most popular and powerful web development tool.

Resize My Browser

A simple, useful and beautiful browser window resize app for Web designers and developers.

Css Validator

Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.

Screenqueri.es

Screenqueri.es is a Pixel Perfect Media Queries Debugging & Responsive Design Testing Tool.

Pingdom Tool

Enter a URL to test the load time of that page, analyze it and find bottlenecks.

Feed

This is the W3C Feed Validation Service, a free service that checks the syntax of Atom or RSS feeds.

Essential Free Mac Apps for Designers & Developers

In this round up, we are showcasing a list of 8 most essential Mac apps for the designers. This list is especially intended for those designers who are switching from Windows or using a Mac for the first time. However, experienced Mac users will also find these apps very useful. Development of different types of apps has made developers’ lives easier.
So, browse through this collection and try exploring these apps and choose which one you would opt for. Do let us know what you think about this compilation. Your comments are always more than welcome. Enjoy!

Imagine

Imagine is practical writing at its best. A simple, clean, readable layout and all you’d ever expect from a simple text editor, but so much more. You no longer need TextEdit, or Word. Imagine can do it all for you, in a faster, more beautiful package.

HandBrake

HandBrake is a tool for converting video from nearly any format to a selection of modern, widely supported codecs.

Alfredapp

Alfred saves you time when you search for files online or on your Mac. Be more productive with hotkeys, keywords and file actions at your fingertips.

Anxiety

Anxiety is a super-lightweight To-do list application for Mac OS X Leopard that synchronizes with iCal and Mail. Its aim is to provide a streamlined, easily accessible interface to add and check off your tasks, while remaining poised to melt into the background at a moments notice.

Adium

Adium is a free instant messaging application for Mac OS X that can connect to AIM, MSN, XMPP (Jabber), Yahoo, and more.

Inkscape

Inkscape is a professional vector graphics editor for Windows, Mac OS X and Linux. It’s free and open source.

The Unarchiver

Inkscape is a professional vector graphics editor for Windows, Mac OS X and Linux. It’s free and open source.

35 Best HTML5 Development Tools To Save Your Time

Are you running out of time? Want to save your time without compromising on the quality of your work? Here is the solution for you. Have a look at this collection of 35 best and most useful HTML5 development tools that not only save your time but also improve your productivity as well. The introduction of HTML5 has greatly modernized the designing and development industry and completely altered the way development was done before.

Check them out and pick the ones you like the best. We hope that you will like this collection and find these amazing HTML5 development tools useful for you. Feel free to share your opinions with us via comment section below. Your comments are always more than welcome. Let us have a look. Enjoy!

HTML KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

Patternizer

Patternizer is an easy to use stripe pattern generator. It’s lots of fun and free!

Font Dragr

A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.

CreateJS

A suite of Javascript libraries & tools for building rich, interactive experiences with HTML5.

Sprite Box

Spritebox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image. It is based on the principle of using the background-position property to align areas of a sprite image into block elements of a web page. It was made using a combination of JQuery, CSS3 and HTML5, and is totally free to use.

Adobe Typekit

Adobe TypeKit is a cloud-based service that offers a vast library of web safe fonts to add flair to your webpage designs. Learn more.

Online 3D Sketch Tool

A drawing application that lets you save and share replays of your work with friends.

Liveweave

Liveweave is a HTML5, CSS3 & JavaScript playground for web designers and developers.

The HTML5 Test

The HTML5 test – How well does your browser support HTML5?

Moqups

The most stunning HTML5 App for creating high fidelity, resolution independent SVG mockups and wireframes.

Stitches

Stitches – An HTML5 sprite sheet generator.

SproutCore

SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web.

Zebra

HTML5 Canvas Rich UI JavaScript Library.

Less Framework

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Webdirections

Rendera

Type in your HTML code and see it rendered in realtime. Then style it with CSS. You can use any of the HTML5 or CSS3 tags your browser supports.

CanvasLoader Creator

The Heartcode CanvasLoader Creator is a free online tool which you can use to generate scripted preloaders (spinners or throbblers) for your HTML projects. The Creator is using the CanvasLoader UI Library.

On/Off Flipswitch HTML5/CSS3 Generator

Generate pure CSS3 On/Off flipswitches with animated transitions.

Adobe Edge Animate

Adobe Edge Animate is the premier HTML software with integrated tools for creating compliant cross-browser animation and other content.

Initializr

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!

LimeJS

LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

CreateM

Create.js is a comprehensive web editing interface for Content Management Systems. It is designed to provide a modern, fully browser-based HTML5 environment for managing content. Create can be adapted to work on almost any content management backend.

Twitter Bootstrap

Sleek, intuitive, and powerful front-end framework for faster and easier web development.

Foundation

The most advanced responsive front-end framework in the world.

Skeleton

Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17″ laptop screen or an iPhone.

Montage HTML5 Framework

An HTML5 framework for building modern Web Apps.

Edge Code

Adobe Edge Code (Preview) is a lightweight HTML and CSS editing tool that includes preview, quick editing, and integrated visual design features to help you speed up the development of your projects.

Edge Inspect

dobe Edge Inspect is a workflow and preview tool for testing and simulating across multiple mobile web browsers.

Edge Webfonts

Adobe Edge Web Fonts provides access to a suite of free web fonts to use immediately in your websites.

PhoneGap Build

Adobe PhoneGap Build is a cloud-based service for creating apps without downloading iPhone, Android, or Blackberry SDKs.

Html5 Video Voting

This tool allows you to gather feedback on your videos. Voting is exquisitely simple. All you do is click on the video and use the spacebar to submit your vote, it will automatically populate the bar graph above.

HTML5 Reset

This tool allows the developer a way of resetting the clock. It enables web designers to take their old website designs and re-write them as if the first code they every dealt with was HTML5.

Video.js

Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.

Mercury Editor

Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers.

Maqetta

Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.

42 Fresh Tools And Resources for Developers And Designers

In this round up, we are presenting a collection of 42 new resources and tools for the developers and designers. These tools and resources can save their time and let them perform their job quite easily and effortlessly, thus increasing the productivity. Every designer and developer makes use of some sort of time saving tools. Therefore, we thought to compile a collection of 42 new and useful resources and tools for developers and designers.
Here is the full collection after the jump. We hope that you will like this collection. Feel free to share your opinions with us via comment section below. Your comments are always welcome. Enjoy!

CSS Modal

CSS Modal is built out of pure CSS. JavaScript is only for sugar. This makes them perfectly accessible. The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.

JSHint

JSHint is a tool that helps to detect errors and potential problems in your JavaScript code. To start enter your JavaScript below and click the Lint button.

Light Table IDE

Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work.

CSS Trashman

The trashman examines your site’s live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel.

Prepros

Preprocessing just got easier with Prepros Enjoy the dead simple design & development workflow.

Browserhacks

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.

Learn CSS Layout

This site teaches the CSS fundamentals that are used in any website’s layout.

PiCSSel-art

PiCSSel-art is a very useful drawing tool to draw pixel art and get it in CSS. Draw pixel art using CSS only.

Markdown.css

CSS to make HTML markup look like plain-text markdown.

Validatrn

Cross Browser HTML5 Form Validation.

LESS Prefixer

LESS Prefixer is a set of LESS mixins that let you use vendor-prefixed CSS properties without the prefixes. It uses some simple conventions and gets out of the way so you can use the CSS you already know, but with less typing.

Csscss – A CSS Redundancy Analyze

Csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.

CSSO – Structural Optimization of CSS Files

CSSO (CSS Optimizer) is a CSS minimizer unlike others. In addition to usual minification techniques it can perform structural optimization of CSS files, resulting in smaller file size compared to other minifiers.

Cascade Framework

Semantic and non-semantic grid layouts, base templates, table designs, navigation elements, typography and lots, lots more.

Responsable Framework

Responsable uses the power of less and sass to bring you a perfect responsive framework.

jQuery Learning Center

There’s a lot more to learn about building web sites and applications with jQuery than can fit in API documentation. If you’re looking for explanations of the basics, workarounds for common problems, best practices, and how-tos, you’re in the right place!

Mueller Grid System

MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. You have full control over column width, gutter width, baseline grid and media–queries.

Pure

A set of small, responsive CSS modules that you can use in every web project.

PocketGrid

Tiny and powerful CSS grid system.

Kraken

A lightweight, mobile-first boilerplate for front-end web developers.

.Fitgrid

.FITGRD is the lightweight & sexy looking responsive grid for your next awesome website.

Mosto Framework for Forms

A lightweight framework for forms.

Typeplate

Frameworks make decisions for you about how to organize, structure and design a site. Pattern libraries don’t separate styling and markup, making them tough to use in a truly modular fashion. We weren’t satisfied, so we made a thing that doesn’t do that.

Topcoat

CSS for Clean & Fast Web Apps.

Flatdoc

Flatdoc is the fastest way to create a site for your open source project.

svg.js

A lightweight library for manipulating and animating SVG.

Midway.js

Midway.js makes it super easy to automatically center the responsive elements on your websites.

WideArea

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.

Gif.js

Full-featured JavaScript GIF encoder that runs in your browser.

Countable.js

Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a zero-dependency library and comes in at 1KB when minified and gzipped.

Packery

Packery makes your crazy & clever layout a real thing. Be clever. Get crazy.

Highlight.js

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

Intern

Intern takes the stress out of testing your Web app.

Chart.js

Easy, object oriented client side graphs for designers and developers.

Draggabilly

Make that shiz draggable.

React

A JavaScript library for building user interfaces.

Pedestal

An open source tool set for building web applications in Clojure.

Helios

Helios is an open-source framework that provides essential backend services for iOS apps, from data synchronization and push notifications to in-app purchases and passbook integration. It allows developers to get a client-server app up-and-running in just a few minutes, and seamlessly incorporate functionality as necessary.

RoughDraft.js

Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).

Red Pen

Red Pen lets you upload your design, share a short URL, and get live, annotated feedback super-fast. It remembers you— no project management, no complexity, no bullshit.

Fake Images Please?

When designing websites, you may not have the images you need at first. But you already know the sizes and inserting some placeholders can help you better seeing the layout. Don’t waste your time making dummy images for your mockup or wireframe. Fakeimg.pl is a little tool that generates images with an URL. Choose the size, the colors, even the text.

Preboot

Preboot is a comprehensive and flexible collection of LESS utilities. Its original variables and mixins became the precursor to Bootstrap. Since then, it’s all come full circle.

18 Free Responsive Bootstrap Themes And Resources

Are you looking for some freebie responsive bootstrap theme? I your answer is yes, then look no further. You have come to the right place. In this round up, we are presenting 18 top and free responsive bootstrap themes, skins as well as resources for you. All of these themes are suitable for WordPress, Joomla or any web projects. In addition, these themes come with unlimited sources that include responsive layout designs that are compatible with all mobile devices, form as well as button managers that drag components into the HTML editor to generate code on the fly.

Enjoy looking into this collection and have more fun in using them for your works. Do let us know what you feel about this round up. So browse through and splash!

Twitter Bootstrappers

This is an extension to the Twitter Bootstrap framework. It makes creating pretty buttons easy.

Bootstrap Admin

A clean, minimalistic administration theme based on Twitter’s Bootstrap.

Bootstrap WysiHTML5

Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap.

X-editable

This library allows you to create editable elements on your page. It can be used with any engine (bootstrap, jquery-ui, jquery only) and includes both popup and inline modes.

Tonic – Free Twitter Bootstrap WordPress Theme

Big bold text, rounded images, colorful buttons are some of the features you’ll find in Tonic. Play around with the new Theme Options customizer to get it working for your site.

BootstrapWP

Use Bootstrap with WordPress for a solid base for custom theme development.

Fashionistas

Fashionistas is a bold and fun theme built on Bootstrap, suitable for magazine style blogs.

jQuery UI Bootstrap

This is a live preview of jQuery UI Bootstrap – a project we started to bring the beauty of Twitter Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually.

Grid displayer for Twitter Bootstrap

In-browser web design made easier with this bookmarklet which displays the grid of your favourite front-end framework.

Twitter Bootstrap Button

Twitter Bootstrap Button Generator – the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.

Roots Theme

Roots is a WordPress starter theme based on HTML5 Boilerplate & Bootstrap that will help you make better themes.

Kickstrap

A complete kit for making websites. The first of its kind, Kickstrap is a no-install front-end framework with apps, themes, and extras.

Bootstrap 0.9.3

This one uses the Atom 2.0 core, which is in beta stage. So back-up your theme settings before doing upgrades, because most likely you will loose them, as they are not final. You should only use this theme for testing and experimental purposes until 1.0 is released.

WordPress Bootstrap theme

We’ve built the WordPress Bootstrap theme so that it could be used as-is or as a starting point for theme developers. It’s built on top of the brilliant Bones theme framework by Eddie Machado and based on v2.1.1 of Twitter’s Bootstrap.

Customizr

Enjoy designing your website live from the WP customizer screen. Choose your options : skin, logo, social profiles, slider, layout, home featured blocks… you can even customize your css live.

JSN Boot

Free Joomla Bootstrap Template.

Bootstrappage

Great Opportunity for the Bootstrap Web Templates Developers: Get Free templates from the bootstrappage.com modify them optimized them and send back to bootstrappage for sell and make money.

Bootstrap for WordPress

Simply install it like you would any other WordPress theme and your on your way.

14 Online Code Editors For Web Designers And Developers

Looking for some online code editors, but could not find out up-to-date and most recent online editors? If yes, then this post is for you. Majority of the online code editors on the web are outdated, depreciated and are not for the modern web design. This is the reason why we have compiled this post.

Below, you will discover some useful and fresh online code editors that you would actually want to use. Without any further ado, we are presenting the complete list of 14 online code editors that you would actually consider using. Let us have a look at this collection.

Codeanywhere

Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML).

CSSDesk

CSSDesk is a online HTML/CSS sandbox. Experiment with CSS, see the results live, and share your code with others.

jsdo.it

jsdo.it is a coding community for front-end engineers such as web designers, mark-up engineers, and JavaScript engineers. This is an online editor where you can try running your codes as you write. You can save your codes online as well as show them to the public as your work. Don’t worry even if you are not confident in your skill! Arrange shared codes and learn cutting-edge techniques.

BuildorPro

BuildorPro uses visual, code editing and debugging tools to provide an extremely agile method of creating and managing your site’s design & markup.

Squad

Squad is a web-based collaborative code editor. We make it simple to open, edit and share code in real time.

Codeita

Codeita is cloud-based software for prototyping and developing websites and web applications. It allows users to work together in a social environment, to create, edit and deploy web projects in a LAMP software bundle. Codeita makes it easy for developers to manage code, files and databases right from a browser-based dashboard.

Drawter

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website’s code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn.

ShiftEdit

Free online IDE for web development with built-in FTP.

Maqetta

Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads.

Jsfiddle

Mootools shell, easy test you snippets before implementing.

Cloud IDE

Codenvy IDE, A multi-tenant, hosted development environment that enables social coding – the collaborative development of applications, gadgets and mashups that can be deployed to a PaaS.

Dabblet

An interactive CSS playground and code sharing tool. Dabblet saves to Github gists and offers many conveniences for CSS editing.

Thimble, by Mozilla

Thimble makes it ridiculously simple to create your own web pages. Write and edit HTML and CSS right in your browser. Instantly preview your work. Then host and share your finished pages with a single click. Easy, huh?

Cloud9

Your code anywhere, anytime… Write, run, and debug your code with our powerful and flexible cloud IDE. Collaborate on your workspaces publicly, or keep them private. The choice is yours!

11 Useful And Free CSS UI Kits

We have previously presented many user interface (UI) kits for our designers fellows but rarely have compiled UI kits that have been exclusively built with CSS. This is something that many designers are looking for. So, look no further as here we are presenting 11 free CSS UI Kits for you. All of these 11 UI kits have been coded with CSS and contain a wide range of common web UI elements. These UI kits and more precisely the common web UI elements are the resources that you will need to build your own wireframe. We hope that you will find this collection useful for you.

Here is the full list after the small jump. We hope that you like this collection. Feel free to download as many as you like. Also, let us know what you think about this compilation. Your comments are always more than welcome. Enjoy!

CSS User Interface UI Kit

Gumby Framework provides huge buttons, navigation and other CSS UI kits which are easy to implement.

Ui.css

ui.css is a tool for creating clean user interfaces for the web. The download includes a css file with styles for all the elements, including :hover and :active states.

Designer CSS UI Kit

This UI kit has been designed and hand-coded from scratch in HTML5 taking advantage of modern CSS3 techniques, it includes a range of common user interface elements and font stacks, which look beautiful in modern browsers and degrade gracefully in Internet Explorer.

CSS3 UI Kit

Here is fully coded CSS3 UI Kit. This includes everything from a search box, checkboxes, radio buttons, and more! Everything is code.

Icon Deposit CSS3 UI Kit (PSD+CSS)

This CSS3 UI Kit includes everything from GUI switches and buttons, to radio buttons and checkboxes. I also included the Photoshop PSD file for those who want to edit the design or make the images bigger.

All CSS UI-kits

This set includes web CSS UI elements that works in both bright and dark enviroments.

Pure CSS UI Kit

Massive CSS3 UI Kit

A huge assortment of UI elements made in nearly only CSS. Only one image (the arrow of the dropdown), no javascript, no extra markup.

Metro UI CSS

Metro UI CSS a set of styles to create a site with an interface similar to Windows 8 Metro UI. This set of styles was developed as a self-contained solution.

CSS Grid UI Set

Futurico UI HTML

Futurico UI HTML is written using the SASS preprocessor. If you are not familiar with SASS you can use the CSS version instead