XaC Labs UI v0.1

Introducing XaC Labs UI v0.1

We’re excited to announce the first release of XaC Labs UI — a modern component library built with Radix UI and Tailwind CSS 4, designed for building beautiful and accessible web interfaces.

Why XaC Labs UI?

The frontend ecosystem has many component libraries, but we wanted something specific:

• Registry-first distribution — powered by the shadcn registry format, so you install only what you need and own the code.
• Accessible by default — every component is built on Radix UI primitives with full keyboard and screen reader support.
• Modern styling — Tailwind CSS 4 with CSS custom properties for easy theming and dark mode support.
• Block system — pre-built page compositions (Home, Docs, Blog) that combine components into complete layouts.

What’s Included

XaC Labs UI v0.1 ships with:

Reusable Components

• Header — responsive navigation with dropdown menus and mobile support
• Footer — customizable footer with link groups and social icons
• Container — centered content wrapper

Page Blocks

• Home Block — hero section, feature grid, and call-to-action
• Doc Block — sidebar navigation, breadcrumbs, table of contents, and pagination
• Blog Block — article layout with metadata and tags

Documentation Site

• Built with Astro, showcasing all components and blocks
• Live previews with source code
• Installation and usage guides

Getting Started

Install a component directly from our registry:

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

Or explore the source:

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

What’s Next

This is just the beginning. We’re planning to add more components, improve the documentation, and build out the registry with additional blocks and examples. Stay tuned!

Check out the documentation to get started, or browse the blocks to see what’s possible.