Skip to content

xds

Shared design tokens and matching components across web, desktop, and mobile, with a CLI that scaffolds only the clients you need.

Same components across four clients

Supports React on the web, GPUI on the desktop, React Native, and Compose Multiplatform. Every client provides the same components with matching variants, sizes, and tones.

Contrast-checked token build

Tokens are defined as DTCG files and compiled to CSS, Tailwind, TypeScript, Rust, and Kotlin. The build fails whenever a color pairing falls below its required WCAG contrast ratio.

Five built-in color themes

Choose from indigo, ocean, forest, sunset, and plum. Every theme preserves the same contrast ratios, and xds can preview each one directly in your terminal.

Include only the clients you use

xds create generates a repository with the clients you select, configured with your project name. If you need another client later, add it with xds add.