Jackie-UI

A UI Toolkit for Web-Apps Based On Vue.js 3.

Introduction

Jackie-UI is not only support perfectly on computers but also on cell phones.

It just a personal project for practice and study.

For more information, please refer our documentation.

Features

• 🌈 Self-designed interaction language and visual style
• 📦 Out-of-the-box, high-quality Vue components
• 🥇 Developed in TypeScript and Scss
• ☀️ Friendly API
• 🎨 Sophisticated, beautiful UI
• 📓 With clear demo site and detailed documentation

TODO

• [x] AtomCss
• [x] Internationalization
• [ ] Theme

• Normal

  • [ ] Avatar
  • [ ] Badge
  • [x] Button
  • [x] Card
  • [ ] Carousel
  • [ ] Divider
  • [x] Icon
  • [ ] Image
  • [x] List
  • [ ] Menu
  • [ ] Paper

• Feedback

  • [ ] Alert
  • [ ] Dialog
  • [ ] Tooltip

• From

  • [ ] Auto Complete
  • [ ] Check Box
  • [ ] Radio
  • [ ] Rate
  • [ ] Select
  • [ ] Slider
  • [ ] Switch
  • [ ] Upload

• Layout

  • [x] Application
  • [ ] Grid
  • [x] Layout

• Navigation

  • [x] App Bar
  • [x] Navigation Bar
  • [ ] Pagination

install

npm install @jackiew/jui

Quick Start

import JUI from "jackiew-ui";
import "jackiew-ui/jui.css";
Vue.use(JUI);

// or
import {
  JAppBar,
  JButton,
  // ...
} from "jackiew-ui";
Vue.component(JAppBar.name, JAppBar);
Vue.component(JButton.name, JButton);

Browser Support

| Edge | Chrome | Safari | | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | | Edge | Last two versions | Last two versions |

LICENSE

MIT License © 2022 JackieWong

Looking forward to your suggestion!!