Get a site

Free user interface elements and components

April 12th, 2012 by Villa Tommaso Leave a reply »

I want to provide the best free interface elements and components designed by great designers and i want to share them, because they really worth downloading for your next web project. For any designer i think these are great set of HTML, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save many hours on your next web project.

Bootstrap from Twitter

Twitter Bootstrap
Twitter introduced Bootstrap recently, a library of CSS styles aimed at web app developers in need of some design help. The toolkit includes everything from grid layouts down to buttons and modals, and works on pretty much all modern browsers, all the way back to IE7. Bootstrap is designed to help people of all skill levels—designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something more complex. With the version 2, Bootsrap has gone fully responsive. Their components are scaled according to a range of resolutions and devices to provide a consistent experience, no matter what.

Futurico – Free User Interface Elements Pack

The pack contains a set of elements added in one extraordinary collection and the good thing is that you can use them for any design or application.
All the elements from this pack are editable and available in PSD (fully layered), hence they can be easily integrated in any concept or design. This archive provides 3 sets of elements in different colors and 2 examples of web design where they have been used. You will get a better idea on how a single UI Kit can help you create plenty of different designs.
Futurico UI Pro will be a great chance for both beginner and professional web designers to practice their skills to work with every element from the set.

HTML KickStart

HTML KickStart
HTML KickStart is “an ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you 10′s of hours on your next web project. This framework is simply overflowing with great stuff that will enable you to build web page prototypes at light speed. Let’s jump in and build a page with it to see what we think.


HTML KickStart

Get Skeleton is a mobile friendly, responsive base theme. It is clean and light weight, while providing a basis for theme developers to develop sub themes that will be fit for the mobile era. It is based on the Skeleton boilerplate ( .
Get Skeleton has a 960 pixel grid system and is very easy to develop grid based designs. It also includes preset styles for buttons, tabs, forms. Media queries are used to scale the grid to the device (iPhone, Android phone, tablet, laptop, large screen etc).
Development of Get Skeleton will closely follow the Skeleton boilerplate with the addition of Drupal specific enhancements. The goal is that the Get Skeleton theme is the theme to use for people who want to use the Skeleton boilerplate in Drupal.

Github CSS Styleguide

Github Styleguide
Welcome to the GitHub CSS Styleguide. It’s pretty rad. Before reading this, you should have a general understanding for specificity, the SCSS syntax, and KSS documentation.


Github Styleguide
A Beginners Guide to HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS. Outlining the fundamentals, this guide works through all common elements of front-end design and development.
In conclusion i hope that all these great resources are gonna be helpful for your web-projects and i invite you to leave in the comments if i have missed some to mention. All your comments and opinions are very welcome.


Comments are closed.