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 Free 是一款用于 Bootstrap 的扁平化设计主题,使用 HTML、CSS3(LESS)和 JS 构建,提供常见 UI 组件的扁平风格重新设计版本。
这是独立的框架还是 Bootstrap 主题?它是基于 Bootstrap 构建的主题(皮肤),并不是独立的框架,它的作用是把 Bootstrap 的组件重新设计成扁平风格。
我该如何在项目中让它运行起来?下载最新版本、克隆代码仓库,或者通过 Bower 运行 “bower install flat-ui” 安装,然后运行 “npm install” 和 “bower install” 来获取依赖。
使用它需要安装 Bower 和 npm 吗?需要,快速上手的流程依赖 npm 和 Bower 来拉取项目的依赖。
下载包里包含什么?经过编译和压缩的 CSS 与 JS 文件(flat-ui 和 flat-ui.min),以及图标字体,并按逻辑分类放在资源目录中。
有 SASS 版本吗?有。社区成员在另一个项目中将 Flat-UI 移植为 SASS 版本,并支持付费的 Flat-UI Pro 版本。
Flat UI 使用什么字体?使用 Lato 字体,可以免费下载。
同一团队还有其他相关产品吗?有。Designmodo 还开发了 Postcards(邮件编辑器)、Slides Framework 和 Startup Framework,它们都是与网站和邮件设计相关的工具。
Creator
designmodo
Size
35.3 MB
Stars
15.3K
Age
13y
Commits · 90 Days