All components
Browse Axonyx components by category. Each component page contains examples, combinations, usage notes, and an API section that links to the lower-level reference pages.
Component pages are for learning and real UI combinations. API pages are for exact props, imports, CSS classes, and data attributes.
Inputs
Actions, form controls, and deliberate machine controls.
Inputs, semantic prefixes, suffixes, and actions inside one control boundary.
Browser-native searchable selection for forms, filters, and content relations.
Native single- and multiple-selection groups with Foundry surfaces.
Surfaces
Panels, cards, shells, and layout primitives.
Responsive page width, horizontal padding, fluid mode, and layout recipes.
Fixed columns or intrinsic tracks for responsive content composition.
Vertical rhythm with semantic spacing and cross-axis alignment.
Directional layout with wrapping, distribution, and mobile collapse.
Wrapping inline composition for actions, badges, filters, and compact controls.
Low-level spacing and material boundary for custom compositions.
Semantic Foundry panel with brushed, inset, and forged treatments.
Page section with width, rhythm, alignment, and optional heading content.
Semantic inner spacing wrapper driven by Foundry tokens.
Safe gutter escape with explicit viewport mode for edge-to-edge media.
Two-axis centering for empty states, auth panels, and focused messages.
Focusable bounded overflow with Foundry scrollbars and optional edge fade.
Feedback
Signals, alerts, status, and focused overlays.
Accessible loading status for actions, streams, builds, and background work.
Data display
Tables, progress, lists, metrics, and structured content.
Client controls
Small interactive islands for Next.js client components.
Explicit confirmation boundary for consequential and destructive actions.