Flat-UI README

The project's README from github.com/designmodo/Flat-UI. As one markdown file: README.md.

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.

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

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.

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/

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/

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/

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

Email HTML Templates

Website Templates

Designmodo Projects

Social Media:

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

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

Flat-UI (designmodo/Flat-UI)

Searching Database…

15.3K ·GitHub
Flat-UI
What is this?Flat UI Free is a flat-design theme for Bootstrap, built with HTML, CSS3 (LESS), and JS, giving you redesigned flat-style versions of common UI components.
Is this a standalone framework or a Bootstrap theme?It's a theme/skin built on top of Bootstrap rather than a framework of its own — it redesigns Bootstrap's components to look flat.
How do I get it running in a project?Download the latest release, clone the repo, or install with Bower via 'bower install flat-ui', then run 'npm install' and 'bower install' to get the dependencies.
Do I need Bower and npm to use it?Yes, the quick-start workflow relies on npm and Bower to pull in the project's dependencies.
What's included in the download?Compiled and minified CSS and JS files (flat-ui and flat-ui.min), along with icon fonts, organized into logical asset directories.
Is there a SASS version available?Yes, a community member ported Flat-UI to SASS in a separate project, with support for the paid Flat-UI Pro variant.
What font does Flat UI use?It uses the Lato typeface, which is available as a free download.
Are there other related products from the same team?Yes, Designmodo also makes Postcards (email builder), Slides Framework, and Startup Framework, all related website/email design tools.
What are similar projects?mdb-ui-kit, bulma, materialize, bootstrap-table, material, LearnCS8-Resume, coreui-free-bootstrap-admin-template, selectize.js
Which topics is it in?web-design, less, bootstrap, static-site, responsive, typography, ui-library, design, ui-components, css, html, ui
Creator
designmodo
Size
35.3 MB
Stars
15.3K
Updated
CommitJul 08Release2.3.0Apr 06
Age
13y
Commits · 90 Days