Components Overview

The Component Catalog.

80+ production-ready primitives organized into 4 categories, with full docs and live examples for each.

Documentation

Every component has live examples, prop tables, and copy-ready code snippets.

TypeScript

Full type coverage with complete IntelliSense. No any-casts, no surprises.

Groups

4

Components

27+

Docs

Ready

Basic

Core building blocks for inputs, feedback, and content surfaces.

Button

Variants, colors, sizes, loading states.

DocumentationOpen

Input

Label, helper text, error, and validation.

DocumentationOpen

TextField

Unified field with multiline and select modes.

DocumentationOpen

Textarea

Multi-line input with a consistent API.

DocumentationOpen

Select

Styled native select with status states.

DocumentationOpen

Calendar

Date input primitive with helper text.

DocumentationOpen

Checkbox

Accessible boolean input with labels.

DocumentationOpen

RadioGroup

Single-choice groups with row layout support.

DocumentationOpen

Switch

Boolean toggles with label placement options.

DocumentationOpen

Card

Surface for grouping related content.

DocumentationOpen

Badge

Compact labels for states and categories.

DocumentationOpen

Alert

Informational and actionable callouts.

DocumentationOpen

Avatar

Identity component with image and fallback.

DocumentationOpen

Layout

Structure primitives for app shells and responsive alignment.

Container

Centered page wrapper with size presets.

DocumentationOpen

Grid

Responsive grid for page-level sections.

DocumentationOpen

Navbar

Top navigation with brand and links.

DocumentationOpen

Sidebar

Vertical navigation with active states.

DocumentationOpen

Interactive

Focus management and gesture-driven components for complex UI.

Modal

Dialog layer for confirmation and tasks.

DocumentationOpen

Dropdown

Action menu for contextual commands.

DocumentationOpen

Tabs

Tabbed content organization.

DocumentationOpen

Accordion

Disclosure panels for dense content.

DocumentationOpen

Tooltip

Hover and focus helper text.

DocumentationOpen

Toast

Transient feedback and notifications.

DocumentationOpen

Data

Display and navigation primitives for structured information.

Table

Semantic tables with row and cell parts.

DocumentationOpen

Pagination

Page navigation for large datasets.

DocumentationOpen

Stepper

Progress indicator for multi-step flows.

DocumentationOpen

TransferList

Move items between lists.

DocumentationOpen