New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

ayu-css

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ayu-css

Another css bootstrap for web UI, powered by Gridle and Ionicons

0.2.8
latest
Source
npm
Version published
Weekly downloads
0
-100%
Maintainers
1
Weekly downloads
 
Created
Source

Ayu

Build Status Code Climate

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

Install via npm

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

Keywords

bootstrap

FAQs

Package last updated on 08 Jun 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts