Futurico UI HTML – Free User Interface Elements for Developers

Futurico UI HTML is a web elements pack that has been created based on the free version of Futurico UI elements pack. We are really happy that Futurico UI was so successful and only in 3 months we have gathered about 100 000 tweets! This is something really big for us and we would like to thank you for your support and launch the Futurico UI HTML pack.

This pack of ready to use Futurico UI HTML components has been created for designers & developers. There is no need to reinvent the wheel cutting such huge pack yourself. Every component is tested in all the major browsers including IE8 and its newer version, Firefox, Chrome, Safari, Opera on Windows XP — 7 & Mac OSX. All the components fit the whole available space. This means you can set the width by using a grid, put any of the components into the grid and don’t care about setting width in pixels manually.

Futurico UI HTML is written using the SASS preprocessor. If you are not familiar with SASS you can use the CSS version instead. It would be quite hard to create this pack without having solid architecture & code style. The use of Scaffy guides helped organize all the components by small modular stylesheets that don’t depend on location & don’t conflict between each other.

Stylesheets are structured so you can remove or add yours easily. All components are called modules and can be found in the /modules folder. All the groups of components like buttons, text inputs and so on are located in the /library. Such folders structure gives clear separation between groups of objects and modules. Also you can have other different layouts: e.g. homepage, application, admin & re-use the whole /library but with only needed objects.

Please note that all the properties with vendor prefixes are defined as mixins in /framework/mixins.sass. There is also a config of shared variables available to call them inside modules. It is located in /framework/config.sass and has a set of font-sizes, default spaces & colors to use across the project. No need to remember the exact HEX code,so that you can use variables instead.

Futurico UI HTML

Futurico UI HTML - Free User Interface Elements for Developers

Download Futurico UI HTML

Futurico PRO

If you would like to be kept up to date with our posts, you can follow us on Twitter, Facebook, Google+, or even by subscribing to our RSS Feed.

Newsletter

11 Comments
  1. Allyson Mar 27, 12:56 am

    Great, thanks! Very smooooth-looking.

    Reply
    +6
  2. Mark Apr 3, 9:49 pm

    Beautiful UI elements!

    I’m trying to split the Pagination class, but this destroys the look of the element, any ideas?

    Thanks.

    Reply
    0
    • iurevych Apr 4, 8:53 am

      Mark can you describe in details what are you going to achieve? My email is iurevych[dog]gmail[dot]com

      Reply
      +1
  3. farouk May 24, 7:27 pm

    the tabs are Broken on IE. I use IE 9.

    Reply
    0
  4. farouk May 24, 7:43 pm

    Sorry. It was because i was opening it from the downloaded version and idiot explorer(IE) was showing a popup that i did not see. Sorry my bad.

    Reply
    0
  5. Ilya Jul 21, 2:50 pm

    First of all, I want say thank you for the great free UI. This is really awesome:)
    But I have an issue: text select in inputs isn’t working in Firefox 14. How can I fix this?

    Reply
    0
  6. Baboos Jan 24, 2:01 pm

    Great work..Thanks for sharing….

    Reply
    +1
  7. Tùng Feb 4, 6:51 pm

    Thank you so much, guy.

    Reply
    0
  8. Surendra Gade Apr 26, 7:47 pm

    That’s great. Do you have an ETA?

    Reply
    +1
  9. Raphael Jun 18, 10:50 am

    Hello, thank you for this amazing package!

    I am a total newbie.

    I would like to know if I need to resize all the content of the divs if I want to make the big tabbox look smaller??

    Or is there a way to make it look smaller without resizing each and every item of it?

    Cheers

    Reply
    0

Leave a Reply

*
* Minimum length: 20 characters


Download Web Design Freebies & Resources

psd

You have Successfully Subscribed!