https://github.com/rahmanda/ayu

CSS bootstrap for web UI, powered by Gridle, and follow BEM styleguide.
https://github.com/rahmanda/ayu

css css-framework scss scss-framework

Last synced: about 2 months ago
JSON representation

CSS bootstrap for web UI, powered by Gridle, and follow BEM styleguide.

• Host: GitHub
• URL: https://github.com/rahmanda/ayu
• Owner: rahmanda
• License: mit
• Created: 2016-07-18T10:13:09.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T12:51:20.000Z (about 2 years ago)
• Last Synced: 2024-05-28T08:13:14.810Z (8 months ago)
• Topics: css, css-framework, scss, scss-framework
• Language: CSS
• Homepage: https://rahmanda.github.io/ayu
• Size: 1.73 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 13
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ayu  

[![Build Status](https://travis-ci.org/rahmanda/ayu.svg?branch=master)](https://travis-ci.org/rahmanda/ayu) [![Code Climate](https://codeclimate.com/github/rahmanda/ayu/badges/gpa.svg)](https://codeclimate.com/github/rahmanda/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](http://getbem.com/introduction/). 

## 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  

Install via npm 

``` bash

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  

Head to [https://rahmanda.github.io/ayu](https://rahmanda.github.io/ayu) for complete documentation.

## Contribute  

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