Home

Yugen UI Wiki 幽玄

Tiếng Việt: Home-vi.

Yugen UI is a React + Tailwind CSS v4 component library inspired by Microsoft Fluent 2, with the Sakura 桜 brand, created by trandat1114. This wiki is for advanced users and contributors: architecture, workflows, debugging, releases. Usage guides for each component are on the docs site (English at the root, Vietnamese under /vi/).

Where to start

You want to…	Read
Install and try it	Getting Started
Understand the repo layout, tokens, how it builds	Architecture
Change the theme / brand, export tokens to Figma	Theming and Tokens
Write or change a component	Component Guidelines
Run tests, understand CI, fix a red CI	Testing and Quality
Which branch is for what, the latest / next / canary channels	Branching and Release Channels
Release a new version	Release Process
Ask questions, report bugs, label issues	Community and Triage
Operations: response times, review, incidents, moderation	Operations Handbook
Roles & decision making, RFCs	GOVERNANCE.md
Frequently asked questions	FAQ

Source of truth

The wiki only summarizes and points the way. When they disagree, the files in the repo win:

• Design.md — required design & code rules.
• CONTRIBUTING.md — contribution workflow.
• ROADMAP.md — roadmap to 1.0.
• CHANGELOG.md — changes in each version.

The wiki is generated from the wiki/ folder in the repo (wiki.yml workflow). Want to edit a page? Open a PR that changes the file in wiki/. Edits made directly on the GitHub Wiki are overwritten at the next sync.