Introduction

What is XaC Labs UI?

XaC Labs UI is a collection of beautifully designed, accessible components built with Radix UI and Tailwind CSS. It is distributed as a shadcn registry, so you can install individual components directly into your project using the CLI.

Key Features

• Accessible — Built on Radix UI primitives with full keyboard navigation and screen reader support.
• Themeable — Uses CSS variables and Tailwind CSS 4 for easy customization. Dark mode included out of the box.
• Composable — Mix and match components to build any UI. Copy, paste, and own your code.
• Registry-Powered — Distributed as a shadcn registry. Install components with a single CLI command.
• Block System — Pre-built page compositions (Home, Docs, Blog) that combine components into complete layouts.

Getting Started

Install XaC Labs UI in your project:

pnpm dlx shadcn@latest add https://ui.xaclabs.dev/r

Or clone the repository and explore:

git clone https://github.com/xaclabs/ui.git
cd ui
pnpm install
pnpm run dev

Visit the Installation page for detailed setup instructions, or browse the Components section to see what’s available.