ak-ui

UI components for arknights. Deving...

How to use

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

You can find dist in https://cdn.jsdelivr.net/gh/YunYouJun/ak-ui@gh-pages/css/ak-ui.min.css.

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yunyoujun/ak-ui" />

NPM or YARN

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://github.com/twbs/bootstrap
• Material Design: https://github.com/material-components/material-components-web
• Milligram: https://github.com/milligram/milligram
• Pure.css: https://github.com/pure-css/pure/
• arknights-ui: https://github.com/mashirozx/arknights-ui

If you want to achieve parallax effect, please see parallax.