ayu-css

Ayu

Ayu is yet another CSS bootstrap for web UI. It is built over simplicity, flexibility, and reusability in mind. The minimized file size is only 42kb, but you can build tons of UI you want without making your asset fat.

Components

Ayu consists of components below:

• Badges
• Buttons
• Fields
• Box
• Callout
• Modal
• Grid (via Gridle)

They are very lite and highly reusable. Even so, you can build new UI by combining two or more components.

Styleguide

For the sake of clarity and consistency, we embrace BEM styleguide.

Extending and Modifying

It is very easy to extend because every unit can be easily overidden. Every extendable units are separated from component styling so you can easily adjust it however you like.

How to Use

Download the file here:

• Minimized version (42kb)
• Unminimized version (56kb)
  and reference it to your HTML head tag <link rel='stylesheet' href='ayu.min.css' />.

You can also install it via bower install ayu or via npm install ayu-css.

Icons

We don't ship icons with this framework because we want to keep it lightweight and ensure that it can be use with any preferable icons you want. However, for the sake of giving you an idea on how you can use your icons, we included example icons on demo.

Documentation and Demo

We don't have live documentation and demo at this moment. In the meantime, you can build it on your local machine by following guide below:

• Install nodejs on your local machine.
• Clone this repo git clone https://github.com/rahmanda/ayu.
• Open terminal, go to repo directory, then run npm install -g gulp-cli bower && npm install && bower install.
• Run gulp server, then run gulp on separate terminal window. It will automatically open the demo page on your browser.

Contribute

We are happy to accept any contributions. Please give issue for bugs and requests, or fork and send your pull request.