Code Monkey home page Code Monkey logo

shuimo-ui's Introduction

shuimo logo

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 [email protected] (join Wechat group or something..)

Vue3

npm codecov OSCS Status

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.