Flat UI Free

    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 or follow instructions below.


    Quick start

    Three quick start options are available:

    Run npm install and bower install to install dependencies.

    Read the getting started page for information on the framework contents.


    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:

    └── 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.


    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

    Copyright and license

    Flat UI Free is licensed under a Creative Commons Attribution 3.0 Unported (CC BY 3.0) ( and MIT License -

    You are allowed to use these elements anywhere you want, however we’ll highly appreciate if you will link to our website.


    Flat UI Free is made using the Lato typeface, which can be downloaded for free here:

    Designmodo Products

    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 -

    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 -

    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

    Newsletter Templates

    Website Templates

    Useful Links

    More products from Designmodo:

    Designmodo Market:



    Affiliate Program (earn money):

    Reviews: Designmodo reviews

    Social Media:






    🚀 Github 镜像仓库 🚀

    源项目地址 ⬇ ⬇ ⬇

    发行版本 1



    贡献者 35



    • JavaScript 46.5 %
    • CSS 40.9 %
    • SCSS 10.8 %
    • HTML 1.9 %