新年将至，为大家送上一组中国风的UI组件——ZhUI

介绍

新年将至，似乎干什么事情都带着年味了，作为一个喜爱中国风的Web开发者，我将为大家带来一款中国风的UI组件，让软件应用也能带上年味，下面就让我们一起来细品一下：

---

---

Github

https://github.com/zhui-team/zhui

安装使用

安装

npm install zhui

使用

import { Button } from 'zhui';ReactDOM.render(<Button />, mountNode);

开发

$ git clone git@github.com:zhui-team/zhui.git$ cd zhui$ npm install$ npm run ddev or npm run storybook

细品

主题配色

材质

不适用于 outline 样式，添加的 class 见 Notes

按钮

欲把西湖比西子，淡妆浓抹总相宜

提示 Alert

中华民族的文化瑰宝，楹联

面包屑导航 Breadcrumb

停杯投箸不能食，拔剑四顾心茫然

卡片 Card

当窗理云鬓，对镜贴花黄

复选框

灯笼青焰短,香印白灰销

图标 Icon

输入框 Input

睡起有恨和画卷，燕归无语傍人斜

加载 Loading

欲求阴阳理，入我太极门

消息 Notify

进度条 Progress

茶迎过客无新旧，秤定须弥有重轻

步骤条

白团扇，今来此去捐。愿得入郎手，团圆郎眼前

单选框 Radio

印章金磊磊，阶树玉娟娟

标签tag

笔架沾窗雨，书签映隙曛

开关Switch

为爱红芳满砌阶，教人扇上画将来

评分 Rate

一簇莲灯亦可观，隔墙箫鼓二更残

水印

印泥未开出馋水，印泥一开香扑鼻

徽标badge

荷风送香气，竹露滴清响

总结

ZhUI作为一款不多见的中国风UI，是不是为你在设计上带来了一丝灵感，今天是腊月28了，这一款中国风UI你可否满意，年关将至，提前祝大家新年快乐，身体健康，万事如意！

PS：截图可能不是非常清晰，感兴趣的小伙伴可直接查看官方文档查看样式以及用法！