Browser support tables — check before you code and save yourself rework
Shuimo UI
An open-source React component library that brings ink-wash aesthetics to interfaces
Content updated · 2026-09-08
What is it · 它是什么
What is Shuimo UI?
Shuimo UI (shuimo.design) is an open-source React component library that turns traditional Chinese ink-wash aesthetics into production-usable UI components — brush strokes, negative space, and ink diffusion translated into component visuals and interactions. With complete bilingual docs, it's a full design system for projects that want a genuinely Chinese feel without the clichés.
How to use · 怎么用
How to use Shuimo UI
- Start with the component showcase to see how ink-wash language lands on buttons, dialogs, and scrollbars.
- Follow the quick-start docs to add it to a React project (npm install, import components on demand).
- For Chinese-market or culture-driven products, swap it in for a default library and skip most of the custom theming work.
- Docs are bilingual; the Chinese edition is the most complete and canonical.
Key features · 核心特点
Key features of Shuimo UI
- Ink-wash aesthetics fully componentized — visuals and interactions carry the brush feel
- Open source and free, drop-in for React stacks
- Complete design-system-grade docs in Chinese and English
- Actively maintained by the Chinese front-end community
Related sites
A color palette generator — press one key, get a full scheme
A free web font library for both CJK and Latin typefaces