Mozhi

Installation

Install the small set of packages Mozhi depends on, then load the shared fonts and global theme stylesheet once at the app root.

What to install

Mozhi UI is built from a small stack of primitives: Base UI for behavior, Tailwind CSS v4 for styling, Radix Colors for tokens, Phosphor Icons for iconography, and Shiki for code rendering.

Required styles and fonts

Import the project fonts and global stylesheet once near the root of the app so the typography and semantic tokens resolve before any component renders.

Expected setup

  • Tailwind should be active in Vite.
  • The global stylesheet should include the Mozhi theme tokens.
  • Font imports should happen at the app root.
  • Runtime theme changes should go through the shared theme helpers instead of custom inline overrides.

Next step

After the dependencies are installed, move on to configuration so grayscale, accent, radius, and dark mode are all driven from the same token layer.