RSS1102 / shuimo-ui

一款水墨风UI

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.

It looks like this:

🚧 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 [e-mail] （join Wechat group or something..）。

Vue3

Install

pnpm install shuimo-ui

document

click here

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.