# [Flat UI Free](http://designmodo.github.io/Flat-UI/)
[![Join the chat at https://gitter.im/designmodo/Flat-UI](https://badges.gitter.im/designmodo/Flat-UI.svg)](https://gitter.im/designmodo/Flat-UI?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Flat UI is a beautiful theme for [Bootstrap](http://getbootstrap.com). We have redesigned many of its components to look flat in every pixel.
To get started, check out [getting started page](http://designmodo.github.io/Flat-UI/docs/getting-started.html) or follow instructions below.
## Links:
+ [Demo Page](http://designmodo.github.io/Flat-UI/)
+ [Download PSD](http://designmodo.com/flat-free/) (for designers)
+ [Flat UI Pro 1.3.2](http://designmodo.com/flat/) (from $39)
## Quick start
Three quick start options are available:
- [Download the latest release](https://github.com/designmodo/Flat-UI/archive/2.3.0.zip).
- Clone the repo: `git clone https://github.com/designmodo/Flat-UI.git`.
- Install with [Bower](http://bower.io): `bower install flat-ui`.
Run `npm install` and `bower install` to install dependencies.
Read the [getting started page](http://designmodo.github.io/Flat-UI/docs/getting-started.html) for information on the framework contents.
Examples: <https://github.com/designmodo/Flat-UI/tree/master/docs/examples>.
### What's included
Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:
```
flat-ui/
├── dist/
| ├── css/
| | ├── vendors/
│ | ├── flat-ui.css
│ | └── flat-ui.min.css
| ├── js/
| | ├── vendors/
│ | ├── flat-ui.js
│ | └── flat-ui.min.js
| ├── fonts/
| | ├── lato/
| | └── glyphicons/
| | ├── flat-ui-icons-regular.eot
| | ├── flat-ui-icons-regular.svg
| | ├── flat-ui-icons-regular.ttf
| | ├── flat-ui-icons-regular.woff
| | └── selection.json
| ├── img/
| └── index.html
├── docs/
| ├── examples/
| ├── components.html
| ├── getting-started.html
| └── template.html
├── fonts/
| ├── glyphicons/
| └── lato/
├── img/
├── js/
└── less/
├── mixins/
├── modules/
├── flat-ui.less
├── mixins.less
└── variables.less
```
We provide compiled CSS and JS (`flat-ui.*`), as well as compiled and minified CSS and JS (`flat-ui.min.*`). Fonts with icons are included.
## Documentation
Flat UI's documentation, included in this repo in the docs directory and publicly hosted on GitHub Pages at <http://designmodo.github.io/Flat-UI/docs/components.html>.
## SASS support
If you are interested in SASS source files - you can visit this project made by @wingrunr21:
[Designmodo's Flat-UI ported to SASS with support for Flat-UI Pro](https://github.com/wingrunr21/flat-ui-sass)
## Authors
**Sergey Shmidt**
+ <http://shmidt.in>
+ <http://twitter.com/monstercritic>
**Sergii Iurevych**
+ <http://twitter.com/iurevych>
+ <http://github.com/iurevych>
**Dmitry Pytkin**
+ <http://twitter.com/pytkin>
+ <http://github.com/pytkin>
## Copyright and license
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](http://designmodo.com).
## Typeface
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)
More products from Designmodo: <http://designmodo.com/shop/>
Designmodo Market: <http://market.designmodo.com/>
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>