discover · compare · collections · requirements · contribute · feed · watching · stats · help with your tokens

designmodo/Flat-UI · source

Snapshot 0 · 2026-11-04T12:47:22Z · JavaScript · MIT

GitHub description at capture

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.

README at capture

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

## 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: <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/
└── 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 <https://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)

## 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/)
 - [Siter.io - No Code Website Builder](https://siter.io/)

**Social Media:**

Twitter: <http://www.twitter.com/designmodo>

Facebook: <http://www.facebook.com/designmodo>