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

Subscribe to Unlock

Subscribe to our newsletter to get access to this content. Your email will not be sold/rented. Unsubscribe at any time.
- required fields

Enter the e-mail, which was subscribed

After that, the content becomes available again!
- fields are mandatory

On your email was sent a letter

Simply click on the link in the email and you will get access to the hidden content!

There is no information about this email in our database. Please subscribe by clicking on button below.

Your e-mail is not in our database. Subscribe by clicking the button below
I'm already a subscriber

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

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

    Great, thanks! Very smooooth-looking.

    Reply
    +6
  2. Julio Mar 27, 7:13 pm

    Bien. Buen aporte. ¡Realmente luce muy bien!

    Reply
    +1
  3. Dipankar dey Mar 27, 7:41 pm

    Download button does not activate even after tweet. Tried on both Google Chrome and Firefox. Sorry :(

    Reply
    0
  4. Chris Elliott Mar 28, 3:27 pm

    These elements are fantastic – Thanks :)

    Reply
    +2
  5. MechanisM Apr 1, 3:31 pm

    I’ll never “tweet for download”. I can buy, I can donate but don’t want to tweet.

    Reply
    +4
  6. 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
  7. Rudy May 23, 9:26 am

    It’s beauty.

    When will you release the premium pack? Can’t wait.

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

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

    Reply
    0
  9. 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
  10. 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
  11. BBx Aug 20, 5:30 pm

    Nice one! Also the demo rocks! It’s not that easy to make it functional I can say that!

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

    Great work..Thanks for sharing….

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

    Thank you so much, guy.

    Reply
    0
  14. 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