Alpha 02 · 28 published modules

Build interfaces from controls to complete flows.

Explore 23 accessible components and five product patterns. Every module has a dedicated contract, states, content guidance, and implementation reference.

23 ready to use

Published components

Complete

Button

Action hierarchy, sizes, icons, loading, toggles, and disabled states.

 Complete

Link

Inline, subtle, standalone, inverse, current, and disabled navigation.

 Complete

Badge and Chip

Read-only status and interactive, accessible filter selection.

 Complete

Field

Labels, guidance, errors, required values, and responsive composition.

 Complete

Input and Textarea

Text entry, sizes, adornments, validation, and character limits.

 Complete

Select

Designed listbox selection with native sizes, groups, validation, and fallback.

 Complete

Checkbox and Radio

Independent and exclusive selection, groups, cards, and mixed state.

 Complete

Switch

Immediate binary settings, sizes, settings cards, and async state.

 Complete

Card

Semantic content grouping, density, depth, media, and interactive variants.

 Complete

Divider

Semantic and decorative separation, emphasis, spacing, labels, and orientation.

 Complete

Avatar

Images, initials, fallbacks, sizes, presence, groups, and interactive use.

 Complete

Spinner

Indeterminate progress, sizes, tones, status labels, and busy regions.

 Complete

Skeleton

Layout-preserving text, identity, media, control, and card placeholders.

 Complete

Alert

Persistent feedback with semantic tone, actions, dismissal, and clear announcement behavior.

 Complete

Disclosure and Accordion

Native progressive disclosure with multiple-open and optional single-open behavior.

 Complete

Tabs

Related views with roving focus, two activation models, vertical layout, and overflow behavior.

 Complete

Dialog

Focused modal tasks with native containment, deliberate dismissal, and focus restoration.

 Complete

Popover and Dropdown Menu

Anchored context and actions with native light dismissal, roving focus, and typeahead.

 Complete

Tooltip

Concise supporting labels with pointer, keyboard, adaptive placement, and Escape dismissal.

 Complete

Toast

Temporary status messages with semantic priority, bounded queues, actions, and interaction-aware timing.

 Complete

Header and Navigation

Container-aligned product identity, primary destinations, actions, and resilient compact disclosure.

 Complete

Breadcrumb and Pagination

Hierarchy and stable result-page movement with current, disabled, condensed, and responsive states.

 Complete

Table

Semantic structured data with sorting, selection, density, overflow, numeric, and empty states.

5 ready to use

Product patterns

Compositions that connect multiple components into resilient product workflows.

Complete

Product States

Empty, no-result, loading, error, and success compositions with clear recovery and announcement guidance.

 Complete

Search and Filter

Durable query forms, explicit criteria, active filters, result counts, responsive layout, and empty recovery.

 Complete

Form Validation and Submission

Native constraints, error summary focus, inline recovery, pending protection, and announced outcomes.

 Complete

Settings and Account

Identity, immediate preferences, sessions, responsive categories, and consequential account actions.

 Complete

Destructive Confirmation

Risk-proportional confirmation with concrete consequences, typed verification, protected submission, and recovery guidance.

Integration ready

From package to product

The packed artifact is exercised through the same paths used by product teams.

Verified

Package Consumer

Plain HTML, CSS, and JavaScript consumers build against the packed artifact.

npm
Verified

Laravel Stack

Blade, Livewire, and Filament examples define lifecycle and ownership boundaries.

PHP
Verified

MCP for AI

Structured design-system context through 36 documents, six tools, and stable resource URIs.