https://github.com/YunYouJun/ak-ui

🔫 UI components for arknights. Deving... 在咕了
https://github.com/YunYouJun/ak-ui

arknights ui

Last synced: 2 months ago
JSON representation

🔫 UI components for arknights. Deving... 在咕了

• Host: GitHub
• URL: https://github.com/YunYouJun/ak-ui
• Owner: YunYouJun
• License: mit
• Created: 2019-12-31T09:59:21.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-07T23:45:47.000Z (over 1 year ago)
• Last Synced: 2024-04-14T00:37:51.627Z (9 months ago)
• Topics: arknights, ui
• Language: SCSS
• Homepage: https://ak-ui.yunyoujun.cn
• Size: 2.33 MB
• Stars: 17
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - YunYouJun/ak-ui - 🔫 UI components for arknights. Deving... 在咕了 (SCSS)
• awesome - YunYouJun/ak-ui - 🔫 UI components for arknights. Deving... 在咕了 (SCSS)

README

        
# ak-ui

![Docs](https://github.com/YunYouJun/ak-ui/workflows/Docs/badge.svg)

[![jsdelivr cdn](https://data.jsdelivr.com/v1/package/npm/@yunyoujun/ak-ui/badge)](https://www.jsdelivr.com/package/npm/@yunyoujun/ak-ui)

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

[![npm](https://img.shields.io/npm/v/@yunyoujun/ak-ui.svg?style=flat-square)](https://www.npmjs.com/package/@yunyoujun/ak-ui)

![npm](https://img.shields.io/npm/dt/@yunyoujun/ak-ui.svg?style=flat-square)

![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@yunyoujun/ak-ui.svg?style=flat-square)

![npm](https://img.shields.io/npm/l/@yunyoujun/ak-ui.svg?style=flat-square)

## How to use

尚未正式发布，敬请期待。

You can find dist in .

### CDN

```html

```

### NPM or YARN

```sh

pnpm add @yunyoujun/ak-ui

# or

npm install @yunyoujun/ak-ui

# or

yarn add @yunyoujun/ak-ui

```

## Components

- [ ] ak-button

  - [ ] block

  - [ ] glow

- [ ] ak-card

  - [ ] 3d

- [ ] ak-badge

- [ ] ak-progress

- [ ] ak-divider

- [ ] ak-message

  - [ ] left

  - [ ] right

- [ ] ak-checkbox

- [ ] ak-carousel

## Todo

I want to implement a demo type container to display demo easily.

But I cannot get rendered markdown about code from vuepress-plugin-container.

> https://github.com/vuepress/vuepress-community/issues/20

Migrate to vitepress.

## Ref

- [Bootstrap](https://getbootstrap.com/): 

- [Material Design](https://material.io/develop/web/): 

- [Milligram](https://milligram.io/): 

- [Pure.css](https://purecss.io/): 

- [arknights-ui](https://ak.2heng.xin/): 

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