FlatCore UI is a version of the Designmodo's Flat UI Kit (http://designmodo.github.io/Flat-UI/). This UI kit has only a few basic tweaks to the original file including, rounded buttons, sharper corners, and a few changes to grunt tasks.
You can get to Designmodo's website here.
And if you want to checkout the original project go here: getting started page or follow instructions below.
Make sure you have grunt installed. if you don't, follow instructions here.
Run npm install
and bower install
to install dependencies.
Then run a grunt dist
, and after wards grunt server
.
You can also read Designmodos's original Flat UI getting started page for information on the framework contents.
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/
├── dist/
| ├── css/
| | ├── vendors/
│ | ├── flat-ui.css
│ | └── flat-ui.min.css
| ├── js/
| | ├── vendors/
│ | ├── flat-ui.js
│ | └── flat-ui.min.js
| ├── fonts/
| | ├── lato/
| | └── glyphicons/
| | ├── flat-ui-icons-regular.eot
| | ├── flat-ui-icons-regular.svg
| | ├── flat-ui-icons-regular.ttf
| | ├── flat-ui-icons-regular.woff
| | └── selection.json
| ├── img/
| └── index.html
├── docs/
| ├── examples/
| ├── components.html
| ├── getting-started.html
| └── template.html
├── fonts/
| ├── glyphicons/
| └── lato/
├── img/
├── js/
└── less/
├── mixins/
├── modules/
├── flat-ui.less
├── mixins.less
└── variables.less
The files associated with the Kit is CSS and JS (flat-ui.*
), as well as compiled and minified CSS and JS (flat-ui.min.*
). Fonts with icons are included.
If you are interested in the original SASS source files - you can visit this project made by @wingrunr21: Designmodo's Flat-UI ported to SASS with support for Flat-UI Pro
Sergey Shmidt
Sergii Iurevych
Dmitry Pytkin
Flatcore UI is licensed under 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.
The Flatcore UI Free is made using the Source Sans typeface, which can be downloaded for free here: http://www.google.com/fonts/specimen/Source+Sans+Pro