XaC Labs UI
  • Blocks
  • Components
  • Blog
Getting Started
  • Introduction
  • Installation
  • Registry
  • Components
  • Typography
  • SEO
Home
  • Overview
  • Hero
  • Feature
  • Logo Cloud
  • CTA
Doc
  • Overview
  • Layout
  • Sidebar
  • Breadcrumb
  • Pagination
  • TOC
Blog
  • Overview
  • Article
  • Article List
Components
  • Container
  • Header
  • Footer
  • File Tree
  • Code Block
  • Language Switcher
  • Theme Switcher
  • Tab Switcher
DocsComponentsPrimitive

Primitive

Core primitive components used throughout the library.

Primitive

Installation

npx shadcn@latest add @xaclabs/container

Components

Container

A centered responsive layout container with variant widths.

Header

Responsive header with navigation and theme toggle.

Footer

Footer with links and optional social actions.

File Tree

Expandable and collapsible tree view for file structures.

Code Block

Syntax-highlighted code display with copy support.

Language Switcher

Language dropdown switcher for localized pages.

Theme Switcher

Theme toggle button for light and dark modes.

Tab Switcher

Tabs-based variant switcher utility.

On this page

InstallationComponents

XaC Labs UI

A modern, open source component library built with Radix UI and Tailwind CSS.

Copyright XaC Labs © 2026

Documentation

  • Introduction
  • Installation
  • Components

Community

  • GitHub
  • XaC Labs