Libraries & Packages
Install what you need. All packages are published under the @xds scope.@xds/cliv0.0.14Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.
@xds/corev0.0.14The component library. Accessible, themeable React components with built-in spacing, dark mode, and StyleX styling.
AaBody text<Code />
@xds/theme-chocolatev0.0.14Warm chocolate theme for XDS — rich brown palette with Fraunces headings, Albert Sans body, and Lucide icons
AaBody text<Code />
@xds/theme-dailyv0.0.14Daily theme for XDS — warm, productivity-focused palette with Lucide icon set
AaBody text<Code />
@xds/theme-defaultv0.0.14Clean neutrals with a blue accent. Pairs with Heroicons for a polished, professional look.
AaBody text<Code />
@xds/theme-gothicv0.0.14Dark gothic theme for XDS — deep blue-gray palette with Manufacturing Consent headings, Fustat body, and Lucide icons
AaBody text<Code />
@xds/theme-matchav0.0.14Matcha theme for XDS — earthy green palette with Figtree typography and Lucide icons
AaBody text<Code />
@xds/theme-neutralv0.0.14Understated warm grays with a subtle palette. Pairs with Lucide icons for a minimal, quiet aesthetic.
AaBody text<Code />
@xds/theme-stonev0.0.14Warm stone and slate theme for XDS — earthy neutral palette with Montserrat headings, Figtree body, and Lucide icons
Foundations
The design tokens and primitives that every component is built on.All TokensComplete reference for spacing, color, radius, typography, shadow, motion, and size tokens.
ColorSemantic color tokens for surfaces, text, icons, borders, and status indicators.
ElevationShadow tokens for visual elevation and inset state rings.
IconsSemantic icon names available in XDS. These adapt to the active theme's icon registry.
IllustrationsIllustration guidelines for empty states, onboarding flows, and feature highlights.
MotionDuration and easing tokens for animations and transitions.
ShapeBorder radius tokens for consistent component rounding — from sharp corners to full pills.
SpacingSpacing scale tokens for padding, gap, and margin — the rhythmic foundation of XDS layouts.
TypographyFont families, geometric type scale, weight, line-height, and semantic text tokens for consistent, accessible text styling.