npm Installation

Install Xandra and its companion tools via npm.

Core Framework

npm install xandra

This installs the core Xandra CSS framework with all ~85 utility classes, themes, and the density system.

Contract Compiler

npm install -D xandra-cc

The contract compiler (xandra-cc) is a dev dependency that provides 7 CLI commands for validating, auditing, graphing, and promoting your design contract.

Framework Integration

Next.js / React

// app/layout.tsx or globals.css
@import "xandra/xandra.css";

Vite

// main.ts or style.css
@import "xandra/xandra.css";

Plain HTML

<link rel="stylesheet" href="node_modules/xandra/xandra.css" />
Quick StartCDN