Components

Overview of all available blocks and components in XaC Labs UI.

Blocks

Blocks are pre-built page compositions that combine multiple components into complete layouts. Install a block to get a full page structure with all its component dependencies.

Block	Components	Description
Home	Hero,Feature,Logo Cloud,CTA	Landing page block with hero, feature, logo cloud and CTA sections.
Doc	Layout,Sidebar,Breadcrumb,Pagination,TOC	Documentation page block with sidebar, breadcrumb, TOC and pagination.
Blog	Article,Article List	Blog article page block with metadata and rich content section.

Components

Individual components that can be used independently or as building blocks for larger compositions.

Component	Description
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.
Theme Switcher	Theme toggle button for light and dark modes.
Tab Switcher	Tabs-based variant switcher utility.

PreviousInstallation NextTypography