Baike.dev
All toolsTrendingOpen sourceNewsSubmit
Log in
< 返回工具列表
F

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 deve

15.2K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

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

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.

Links:

  • Demo Page
  • Download PSD

Quick start

Three quick start options are available:

  • Download the latest release.
  • Clone the repo: git clone https://github.com/designmodo/Flat-UI.git.
  • Install with Bower: bower install flat-ui.

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

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.

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

  • Pulsetic.com - Website Monitoring Tool - Check if website is down https://pulsetic.com/is-website-down/
  • Static.app - Static Website Hosting
  • Siter.io - No Code Website Builder

Social Media:

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

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

核心特点

  • •Demo Page
  • •Download PSD
  • •Download the latest release.
  • •Clone the repo: git clone https://github.com/designmodo/Flat-UI.git.
  • •Install with Bower: bower install flat-ui.
  • •Pulsetic.com - Website Monitoring Tool - Check if website is down https://pulsetic.com/is-website-down/
  • •Static.app - Static Website Hosting
  • •Siter.io - No Code Website Builder

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月9日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言
Baike.dev

baike.dev helps you discover great languages, frameworks, databases, DevOps and cloud-native tools.

Quick links

  • Home
  • All tools
  • Trending
  • Open source

About

  • About us
  • Community
  • News

Contribute

Found a great developer tool? Share it with the community.

Submit a tool
© 2026 baike.dev Developer EncyclopediaUpdated daily · Discover great developer tools