Skip to content

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

  1. Start with the component showcase to see how ink-wash language lands on buttons, dialogs, and scrollbars.
  2. Follow the quick-start docs to add it to a React project (npm install, import components on demand).
  3. For Chinese-market or culture-driven products, swap it in for a default library and skip most of the custom theming work.
  4. 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