Introduction

Xandra is a utility-first CSS framework built around a single idea: your stylesheet is a contract, not a suggestion.

Why Xandra?

Most CSS frameworks give you tools to write styles. Xandra gives you tools to maintain them. With approximately 85 intentional classes, a namespace system for tracking deviations, and a contract compiler for validating your design decisions — Xandra is purpose-built for teams that care about what happens to their CSS after the first commit.

Key Features

~85 utility classes — No bloat. Every class has a clear purpose.
Zero JavaScript — Pure CSS, no runtime overhead.
Namespace System — Track deviations from your design contract.
Implicit Child Styling — One class on the parent. Semantic HTML does the rest.
Density System — Switch between compact and spacious with a single class.
Contract Compiler — 7 CLI commands to validate, audit, and promote.

Quick Example

<div class="x-card x-stack">
  <h3 class="x-h3">Dashboard</h3>
  <p class="x-body">Metrics at a glance.</p>
  <button class="x-btn">View Details</button>
</div>

Quick Start