浏览器兼容性查询工具,写前先查省掉返工
Shuimo UI
水墨风的 React 组件库:让界面长出水墨气质的开源设计系统
内容更新日期 · 2026-09-08
What is it · 它是什么
什么是 Shuimo UI
Shuimo UI(shuimo.design)是一个开源的 React 组件库,把中国传统水墨美学做成了一套可用的 UI 组件——笔触、留白、晕染这些水墨语言被转译成组件的视觉与交互。它同时是中英双语文档的完整设计系统,适合想做出「有中国气质但不俗套」界面的项目。
How to use · 怎么用
怎么用 Shuimo UI
- 先逛官网的组件演示,感受水墨语言在按钮、弹窗、滚动条等常见组件上的落法。
- 按文档的快速上手接入 React 项目(npm 安装,按需引入组件)。
- 做中文向/文化向产品时,用它替代默认组件库,能省掉大量「风格化」定制工作。
- 文档有中英两版,中文版内容最全,以中文版为准。
Key features · 核心特点
Shuimo UI 的核心特点
- 水墨美学完整组件化:视觉与交互都带笔触感
- 开源免费,React 技术栈直接可用
- 中英双语文档,设计系统级完整度
- 社区活跃,由中文前端社区维护
