Shuimo-UI
A vary coarse Chinese ink style UI
一款很粗暴的水墨UI
Introduction
This is an out-of-the-box 水墨(shuimo) component library.
We have found that there are many excellent enterprise-level UI design languages and component libraries.
As a Chinese, we highly respect the unique Chinese art style: shuimo.
We have sorted out a set of Shuimo component library with traditional Chinese style.
I hope that this traditional Chinese-style component library can be used for some niche needs, and can satisfy some users who have an artistic pursuit of the site and hope to build it quickly.
discussion
discord,but maybe the last time login was ten thousand years ago 😂.
You can find me by higuaifan@higuaifan.com (join Wechat group or something..)。
Install
pnpm install shuimo-ui
document
Backers
Thanks to Jetbrains
for providing us with open source development licenses.
TODO
Component | Vue3 (v0.2.9-1) | Vue3(0.3.0-alpha.x) |
---|---|---|
BASE | ||
Avatar | ❌ | ✅ |
Button | ✅ | ✅ |
CheckBox | ✅ | ✅ |
CheckBoxGroup | ✅ | ✨ |
DatePicker | ✅ | ✅ |
Li | ❌ | ✅ |
List | ✅ | ✅ |
Input | ✅ | ✅ |
InputNumber | ✅ | ✅ |
Progress | ✅ | ✅ |
Radio | ✅ | ✅ |
Select | ✅ | ✅ |
Slider | ✅ | ✅ |
Switch | ✅ | ✅ |
Tag | ✅ | ✅ |
Tree | ❌ | ✨ |
MESSAGE | ||
Confirm | ✅ | ✅ |
Dialog | ✅ | ✅ |
Drawer | ✅ | ✅ |
Message | ✅ | ✅ |
Popover | ✅ | ✅ |
Tooltip | ✅ | ✅ |
OTHER | ||
DarkMode | ❌ | ✅ |
Divider | ✅ | ✅ |
Loading | ✅ | ✅ |
Upload | ✅ | 🔥 |
DeleteIcon | ✅ | ✅ |
Printer | ✅ | ✅ |
TEMPLATE | ||
Border | ✅ | ✅ |
Cell | ✅ | ✅ |
Grid | ✅ | ✅ |
RicePaper | ✅ | ✅ |
Form | ✅ | ✅ |
FormItem | ✅ | ✅ |
Table | ✅ | ✅ |
TableColumn | ✅ | ✅ |
Pagination | ✅ | ✅ |
TODO | ||
Menu | ⚗️ | ❌ |