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.
🚧 About this branch
In the past we only wrote the Vue3
version.
Now we are trying to support Web Component
and React
version.
And we also hope to provide a Assets free, Only code
version and a Don't care about package size
version,
but this will take a long time, so please wait.
You can check old Vue3
version on this branch.
You can check our current support status here.
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..)。
Vue3
Install
pnpm install shuimo-ui
document
TODO
Component | Vue3 (v0.2.9-1) | Vue3(v0.3.0 |
Web Component ( |
React ( |
---|---|---|---|---|
BASE | ||||
Avatar | ✅ | |||
Button | ||||
CheckBox | ||||
CheckBoxGroup | ❌ | |||
DatePicker | ||||
Li | ||||
List | ✨ | |||
Input | ||||
InputNumber | ❌ | |||
Progress | ✅ | |||
Radio | ||||
Switch | ✅ | |||
Select | ||||
Tag | ✅ | ✨ | ||
MESSAGE | ||||
Dialog | ✨ | |||
Drawer | ✅ | |||
Popover | ✅ | ✨ | ||
OTHER | ||||
DarkMode | ||||
Divider | ||||
Loading | ✨ | |||
Upload | ✅ | |||
TEMPLATE | ||||
Border | ✅ | ✨ | ||
RicePaper | ✅ | |||
Form | ✅ | |||
FormItem | ✅ | ✅ | ✨ | |
Table | ✨ | 🚧 | ||
TableColumn | ✅ | ✨ | ||
TODO | ||||
Confirm | ✅ | |||
Message | ❌ | ❌ | ❌ | |
Tooltip | ✅ | ❌ | ❌ | |
Menu | ❌ | |||
Printer | ||||
Pagination | ✅ | ❌ | ❌ | ❌ |
DeleteIcon |
This migration is going to take a lot of time, we are doing our best. If possible, please star or submit a post. Thank you very much.