harp-flat-ui

A comfortable, responsive, and functional framework built upon LESS and Bootstrap.

Dependencies

• NodeJS – Server-side JavaScript runtime
• Harp – The static web server with built-in preprocessing

Install

To install Flat UI, you can download this repository or use the Component package manager.

npm install -g component
component install harp/flat-ui

Your project will look something like this…

myproject/                  <-- your project root (or public dir if in framework-mode)
  |- components/            <-- harp puts components here
  |   +- harp-flat-ui/      <-- where this lib gets installed
  |       …
  |- main.less              <-- where you reference Bootstrap 
  +- index.jade             <-- where you reference main.css

Link

Now, from within a .less file in your project, you can @import Bootstrap and Flat UI:

@import "components/harp-bootstrap/less/_bootstrap.less";
@import "components/harp-bootstrap/less/_flat-ui.less";

Or, just a portion of Bootstrap:

@import "components/harp-bootstrap/less/_variables.less";
@import "components/harp-bootstrap/less/_mixins.less";
@import "components/harp-bootstrap/less/_grid.less";

Resources

• Harp documentation
• LESS documentation
• Bootstrap documentation
• Flat UI demo

License

This component is Flat UI, which is MIT and Creative Commons Attribution 3.0 Unported licensed.