Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/designmodo/Flat-UI

Flat UI Free - Design Framework (html/css3/less/js). Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites.
https://github.com/designmodo/Flat-UI

Last synced: 26 days ago
JSON representation

Flat UI Free - Design Framework (html/css3/less/js). Flat UI is based on Bootstrap, a comfortable, responsive, and functional framework that simplifies the development of websites.

Lists

README 

        

# [Flat UI Free](https://designmodo.github.io/Flat-UI/)



Flat UI is a beautiful theme for Bootstrap. We have redesigned many of its components to look flat in every pixel.



To get started, check out [getting started page](https://designmodo.github.io/Flat-UI/docs/getting-started.html) or follow instructions below.



## Links:



+ [Demo Page](https://designmodo.github.io/Flat-UI/)

+ [Download PSD](https://designmodo.com/flat-free/) (for designers)

+ [Flat UI Pro 1.4.0](https://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](https://designmodo.github.io/Flat-UI/docs/getting-started.html) for information on the framework contents.



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/

└── app/

  ├── css/

  ├── fonts/

  ├── images/

  ├── scripts/

  └── styles/

      ├── mixins/

      ├── modules/

      ├── flat-ui.scss

      ├── _mixins.scss

      ├── _spaces.scss

      └── _variables.scss

├── dist/

  ├── css/

  ├── fonts/

  ├── images/

  ├── scripts/

├── docs/

  ├── examples/

  ├── components.html

  ├── getting-started.html

  ├── index.html

  └── template.html

```



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 .



## 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)



## 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](https://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



## Designmodo Products



**Postcards - [https://designmodo.com/postcards/](https://designmodo.com/postcards/)**



Create beautiful responsive emails and newsletters with a simple drag & drop. It includes more than 100 modules to

help you create custom emails faster than ever before.



**Slides Framework - [https://designmodo.com/slides/](https://designmodo.com/slides/)**



Slides is a framework based on its own CSS3, JavaScript, and HTML5 language with a unique code and structure that lets you create, with minimum effort, visually captivating websites with a lot of built-in options.



**Startup Framework - [https://designmodo.com/startup/](https://designmodo.com/startup/)**



Startup Framework is based on Bootstrap and help you to create beautiful and responsive websites. Build your website quickly with an intuitive and easy-to-use drag and drop interface.



## Other Resources:



**[Bootstrap Templates](https://designmodo.com/bootstrap-templates/)**



**[Email HTML Templates](https://designmodo.com/email-templates/)**



**[Website Templates](https://designmodo.com/website-templates/)**



## Designmodo Projects



 - [Pulsetic.com - Website Monitoring Tool](https://pulsetic.com/) - Check if website is down https://pulsetic.com/is-website-down/

 - [Static.app - Static Website Hosting](https://static.app/)

 - [Mailpost.io - Email Marketing Tool](https://mailpost.io/)

 - [Siter.io - No Code Website Builder](https://siter.io/)



**Social Media:**



Twitter: 



Facebook: