# ak-ui

[![Build Status](https://travis-ci.com/YunYouJun/ak-ui.svg?branch=master)](https://travis-ci.com/YunYouJun/ak-ui)

UI components for [arknights](https://ak.hypergryph.com/).

[![npm](https://img.shields.io/npm/v/ak-ui.svg?style=for-the-badge)](https://www.npmjs.com/package/ak-ui)
![npm](https://img.shields.io/npm/dt/ak-ui.svg?style=for-the-badge)
![npm](https://img.shields.io/npm/l/ak-ui.svg?style=for-the-badge)
![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/ak-ui.svg?style=for-the-badge)

Web Components

## Todo

- [ ] ak-button
  - [ ] block
  - [ ] glow
- [ ] ak-card
  - [ ] 3d
- [ ] ak-badge
- [ ] ak-progress
- [ ] ak-divider
- [ ] ak-message
  - [ ] left
  - [ ] right
- [ ] ak-checkbox
- [ ] ak-carousel

## Ref

- [Bootstrap](https://getbootstrap.com/): <https://github.com/twbs/bootstrap>
- [Material Design](https://material.io/develop/web/): <https://github.com/material-components/material-components-web>
- [Milligram](https://milligram.io/): <https://github.com/milligram/milligram>
- [Pure.css](https://purecss.io/): <https://github.com/pure-css/pure/>
- [xy-ui](https://xy-ui.codelabo.cn/docs): <https://github.com/XboxYan/xy-ui>
- [arknights-ui](https://ak.2heng.xin/): <https://github.com/mashirozx/arknights-ui>

If you want to achieve parallax effect, please see [parallax](https://github.com/wagerfield/parallax).