Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/designmodo/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 development of websites.
https://github.com/designmodo/Flat-UI
Last synced: 9 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/designmodo/Flat-UI
- Owner: designmodo
- License: mit
- Created: 2013-03-03T15:36:49.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2024-03-18T11:06:18.000Z (8 months ago)
- Last Synced: 2024-04-15T00:16:31.569Z (7 months ago)
- Language: JavaScript
- Homepage: https://designmodo.com/flat-free/
- Size: 34.5 MB
- Stars: 15,041
- Watchers: 740
- Forks: 2,332
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- my-awesome-starred - 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 development of websites. (JavaScript)
- awesome - designmodo/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 development of websites. (JavaScript)
- starred-awesome - 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 development of websites. (CSS)
- awesome-starred - designmodo/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 development of websites. (others)
- jimsghstars - designmodo/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 development of websites. (JavaScript)
README
# [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/) (for designers)
+ [Flat UI Pro 1.4.0](https://designmodo.com/flat/) (from $39)
## 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: .
### 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 .
## 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/)
- [Mailpost.io - Email Marketing Tool](https://mailpost.io/)
- [Siter.io - No Code Website Builder](https://siter.io/)
**Social Media:**
Twitter:
Facebook: