Component architecture
One Uxome vocabulary for complete product-interface coverage, from primitives and instruments to application patterns, page templates, and AI-native work.
Coverage contract / v1.0
138 canonical capabilities
Duplicate names become searchable aliases. Components remain small; repeated product compositions become patterns, and route-scale arrangements become templates.
Components
Small public contracts with owned behavior and styling.
Patterns
Reusable compositions for complete product tasks.
Templates
Route-scale structures with responsive system behavior.
AI interfaces
Human control, provenance, tools, and generated artifacts.
Canonical matrix
Complete capability map
Showing 138 / 138
Structure & Layout
Structural material plane.
Bounded functional assembly.
Structural enclosure and edge system.
Portable content summary object.
Semantic or visual separation.
aliases: Divider
Stable media proportion wrapper.
Bounded scroll region.
User-adjustable pane layout.
aliases: Splitter
Grouped controls for one work context.
Semantic flex layout primitive.
Responsive column layout primitive.
Token-spaced linear layout.
aliases: Space
Responsive content measure.
Viewport-pinned contextual content.
Non-destructive document provenance layer.
Actions
Primary textual action control.
Accessible icon-only action.
Standard dismiss action.
Persistent viewport-level primary action.
aliases: FloatButton
Related actions sharing geometry.
Independent pressed-state action.
aliases: ToggleButton
Related toggle actions.
aliases: ToggleButtonGroup
Navigation to another resource.
Forms & Data Entry
Validation and submission boundary.
Label, control, help, and error composition.
Related field group.
Programmatic control label.
Supporting field guidance.
Actionable validation feedback.
aliases: FieldError
Single-line text entry.
aliases: TextField
Multi-line text entry.
aliases: TextArea
Search input with submit and clear semantics.
Secure text entry and disclosure.
Numeric input with range and step.
aliases: InputNumber
Input with prefixes, suffixes, or actions.
One-time-code entry.
aliases: OTPField
Independent multi-selection control.
Related checkbox collection.
One selection from visible options.
Immediate binary setting.
Continuous value on a rail.
Bounded interval selection.
Rotational continuous control.
Instrument-style linear continuous control.
Increment and decrement control.
Value selection from a popover list.
Platform-native compact selection.
Text entry plus selectable results.
aliases: ComboBox
Suggestion-assisted text entry.
aliases: AutoComplete
Hierarchical value selection.
Selection from a hierarchical tree.
Move items between two collections.
Entity references inside text entry.
Ordinal rating input.
Local file selection surface with consumer-owned transfer and progress.
aliases: Upload
Date, Time & Color
Visible date navigation and selection surface.
Segmented date entry.
Date entry with calendar overlay.
Start and end date entry.
Visible date-range selection surface.
Segmented time entry.
aliases: TimePicker
Complete color selection composition.
Two-dimensional color-channel control.
Textual color value entry.
Single color-channel control.
Accessible color sample.
Selection from named color samples.
Navigation
Hierarchical location trail.
aliases: Breadcrumbs
Peer views in one information scope.
Navigation across result pages.
Structured action or navigation collection.
Anchored action menu.
aliases: Dropdown
Contextual pointer-triggered actions.
Persistent desktop-style command hierarchy.
Structured site-level navigation.
Persistent section navigation rail.
aliases: SidebarNavigation
Global horizontal navigation.
aliases: HeaderNavigation
Navigation among sections in one document.
Ordered workflow progress and navigation.
Keyboard-first command and search interface.
aliases: Command · CommandMenu
Data Display
Identity representation.
Compact identity collection.
Count or attached status marker.
Compact metadata or removable entity.
aliases: Tag
Reusable content-row anatomy.
Structured collection of content items.
Accessible selectable collection.
Interactive chip collection.
Term and value facts.
aliases: Descriptions · DataList
Labeled quantitative value.
aliases: Statistic · Metric
Semantic tabular data.
Interactive sorting, filtering, and selection table.
Hierarchical data navigation.
aliases: TreeView
Chronological events.
Continuously ordered updates.
aliases: ActivityFeed
Media with loading, fallback, and preview.
Sequential content viewport.
Machine-readable transfer code.
Formatted code with copy behavior.
aliases: CodeSnippet
Keyboard input notation.
Semantic text roles.
aliases: Text
Persistent instrument readout.
aliases: PixelDisplay
Tokenized quantitative visualization foundation.
Status & Feedback
Persistent contextual feedback.
Page or product-level announcement.
Transient application feedback family.
aliases: Message · Notification
Outcome summary with next action.
Absence explanation and next step.
aliases: Empty
Layout-preserving loading state.
Indeterminate progress.
aliases: Spin · LoadingIndicator
Determinate linear progress.
aliases: ProgressBar
Determinate compact progress.
aliases: CircularProgress
Known-range measurement.
Labeled semantic state indicator.
aliases: Signal
Overlays & Disclosure
Focused task surface.
aliases: Modal
Consequential confirmation.
aliases: Popconfirm
Temporary edge-mounted surface.
aliases: Sheet
Anchored structured context.
Supplementary hover and focus hint.
Rich preview of a linked object.
aliases: HoverCard
Anchored product guidance sequence.
Multi-section disclosure.
aliases: Collapse · DisclosureGroup
Single-region disclosure.
aliases: Disclosure
AI-native Interfaces
Attributed human, assistant, or system turn.
Streaming-aware conversation history.
aliases: MessageScroller
Multimodal model instruction composer.
Inspectable input or output file.
Model and capability selection.
Explicit idle, working, waiting, failed, or complete state.
Interruptible progressive model output.
Tool intent, input, progress, result, and failure.
Safe, product-level rationale and decision provenance.
Human authorization for consequential action.
Source attribution and evidence preview.
Persistent model-created file or interactive output.
Usage, cost, context, or quota measurement.
Inspectable ordered work and dependencies.
Transfer of unresolved work with preserved context.
Composition rule
Components stay small and semantic. Repeated product tasks become patterns; route-scale arrangements become templates. Every layer consumes the same tokens and public component contracts.