Flat UI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) (http://creativecommons.org/licenses/by/3.0/) and MIT License - http://opensource.org/licenses/mit-license.html.
You are allowed to use these elements anywhere you want, however we’ll highly appreciate if you will link to our website.
- Demo Page
- Download HTML (for developers)
- Download PSD (for designers)
- Flat UI Pro 1.2.5 (from $39)
-
2.1.3
- Bootstrap upgraded to stable 3.1.0;
- Respond.js upgraded to v1.4.2;
- Optimized file indentations, 2 spaces are now used instead of tabs,
.editorconfigfile is added; - Added variables font-path, font-name and font-id (twbs/bootstrap#12164) for local fonts and glyphicons;
- Added the ability to change the navbar height through the variables
@navbar-height-baseand@navbar-height-large; - Add
@grid-float-breakpoint-maxto better link navbar behavior across viewports and improve customization when setting@grid-float-breakpoint(twbs/bootstrap#11610); - Add
.smallsupport to blockquote citations (twbs/bootstrap#11414); - Reorder the headings with body text and text emphasis classes (twbs/bootstrap#11515);
- Remove color from outline reset for improved outlines on focus (twbs/bootstrap#11551);
- Remove unnecessary prefixes for gradient mixins given our stated browser support (twbs/bootstrap#11694);
- Add line-height to progress bar for proper text alignment within (twbs/bootstrap#10407);
- Use
@screen-xx-xxvariables instead of hardcoded pixel values in modules; - Enable use of form validation class on
.radio,.checkbox,.radio-inline, and.checkbox-inline(twbs/bootstrap#10522); - Add
<kbd>element styles to indicate user input via keyboard (twbs/bootstrap#11193); - Add
.animation()mixins(twbs/bootstrap#11244); - Prevent the double borders between multiple buttons in an input group (twbs/bootstrap#11435);
- Updated
.scale()mixin so that it accepts optional vertical scale as second parameter (twbs/bootstrap#11748); - Don't set
@headings-font-familyto the same font stack as the<body>; instead, just use inherit for same default CSS (twbs/bootstrap#11741); - Add
.make-xs-columnmixins to complement the recently added extra small predefined grid classes (twbs/bootstrap#11829); - Add and use
.text-emphasis-variant()mixin for emphasis classes (twbs/bootstrap#12247); - Add and use
.bg-variant()mixin to generate background classes (twbs/bootstrap#12248); - Reset height on
select[multiple]in.input-size()mixin (twbs/bootstrap#12422); - Account for badges within buttons by matching background to text color and text color to background (twbs/bootstrap#11268);
- Drop the abbr element from the
.initialismselector (twbs/bootstrap#11277); - Add
.smallsupport to blockquote citations (twbs/bootstrap#11414); - Various small bugfixes and improvements.
-
2.1.2
- Bootstrap upgraded to 3.0.3;
- Navbar completely rewriten, added new states (default, inverse, embossed, large, fixed-top, fixed-bottom, static-top), now you can use basic navbar elements:
.navbar-form,.navbar-btn,.navbar-text,.navbar-link; - Forms: added support for
legend,.help-block, fixed rounded serch form on iOS, fixed desabled input background and opacity, added support for input-groups; - Slider: added vertical orientation;
- Various small bugfixes and improvements.
-
2.1.1
- Typography improved (new global variables, padding and margins changed for basic elements, global default font-size now is 18px, with a line-height of 1.722, added support for
<abbr>,<address>,<code>,<pre>, right-aligned<blockquote>); - Buttons module completely rewritten (new global variables, buttons now require a .btn-default for the standard version, added support for .btn-link);
- Fixed some bugs in
.navbar; - Mixins updated (added standard mixins from Bootstrap 3);
- Layout updated for stylized select and dropdown menu;
- Various small bugfixes and improvements.
- Typography improved (new global variables, padding and margins changed for basic elements, global default font-size now is 18px, with a line-height of 1.722, added support for
-
2.1
- Bootstrap upgraded to 3.0;
- Added support for better box model;
- Update html5 video player to version 4.1;
- Added components documentation and sturt-up template;
- Various small bugfixes and improvements.
-
2.0 Compatibility with Flat UI Pro (Less instead of Sass), Bootstrap upgraded to 2.3.1, grids refinements, various Less compiler bugfixes, Video module bugfix, various small bugfixes.
-
1.1 New icons, Login screen implemented to a real HTML one. Small bug fixes and refinements.
-
1.0 Fixed several small IE bugs
Sergey Shmidt
Sergii Iurevych
Dmitry Pytkin
Flat UI Free is made using the Lato typeface, which can be downloaded for free here: http://www.google.com/webfonts/specimen/Lato
##Useful Links (How To)
How to Use UI Kits, Beginners Video Tips: http://designmodo.com/how-to-use/
UI Kit Benefits: http://designmodo.com/benefits/
Create a Website using UI Packs (PSD to HTML) – Day 1: http://designmodo.com/create-website-day-1
Create a Website using UI Packs (PSD to HTML) – Day 2: http://designmodo.com/create-website-day-2
Create a Website using UI Packs (PSD to HTML) – Day 3: http://designmodo.com/create-website-day-3
Create a Website Design using The Bricks UI: http://designmodo.com/website-design-bricks-ui/
What is UI Kit and Why You Should Use it: http://designmodo.com/ui-kit-use
How Companies can Save Time and Money Using UI Kits: http://designmodo.com/save-time-money-using-ui-kits
UI Kits for Developers – Prototyping and Homemade Design: http://designmodo.com/ui-kits-developers
More productsfrom Designmodo:
Tutorials:
http://designmodo.com/tutorials/
Freebies:
http://designmodo.com/freebies/
Affiliate Program (earn money):
http://designmodo.com/affiliates/
Social Media:
Twitter: http://www.twitter.com/designmodo
Facebook: http://www.facebook.com/designmodo
RSS: http://feeds.feedburner.com/designmodo
Google+: https://www.google.com/+DesignModo