XDS — Design System

@xds/theme-neutral0.0.14

Understated warm grays with a subtle palette. Pairs with Lucide icons for a minimal, quiet aesthetic.

Little joys,
everywhere you goWe believe the smallest details are the ones that matter most. Turn an ordinary day into something worth remembering.

Get started Learn more

New

Minimalist Watch

Clean design meets everyday durability.Learn more

Popular

Wireless Headphones

Immersive sound, all-day comfort.Learn more

Limited

Leather Wallet

Handcrafted from full-grain leather.Learn more

Name	Description	Price	Stock
Minimalist Watch	Stainless steel, sapphire crystal	$189	42
Wireless Headphones	ANC, 30hr battery	$249	128
Leather Wallet	Full-grain, RFID blocking	$79	15
Canvas Backpack	Water-resistant, 25L	$119	63

Colors

Fonts

AaBody

AaCode

Components

Primary Secondary Ghost

BadgeInfoSuccessWarningError

Label

Options

Option A

Option B

Option C

List Header

Notifications
Privacy
Security

Card Title

A flexible surface for grouping related content and actions.Action

Example

Progress

Toggle

Muted, minimal aesthetic with system fonts. Uses Lucide icons.

Install

bash
npm install @xds/theme-neutral

Usage

Wrap your app with XDSTheme and pass the theme:

tsx
import {XDSTheme} from '@xds/core/theme';
import {neutralTheme} from '@xds/theme-neutral/built';
function App() {
  return <XDSTheme theme={neutralTheme}>{/* your app */}</XDSTheme>;
}

Import paths

Path	Use case
`@xds/theme-neutral`	Source build (StyleX compilation via `@xds/build`)
`@xds/theme-neutral/built`	Pre-built dist (Tailwind, plain CSS, or no build step)
`@xds/theme-neutral/theme.css`	Pre-built CSS file (import in your stylesheet)

If you're using @xds/build for StyleX source compilation, import from the bare path. Otherwise, use /built.

CSS import

Add the theme CSS to your stylesheet:

css
@import '@xds/theme-neutral/theme.css';

This is required for component-level theme overrides (colors, radii, typography) to take effect.

This theme uses system fonts — no external font loading is required.

Related Packages

Package	Description
`@xds/core`	Core components and theme system
`@xds/build`	Build plugins for StyleX source builds
`@xds/cli`	CLI tooling including `xds docs theme`