Axonyx UI

Foundry primitives

Components

The component catalog starts with the pieces needed to build real sites and dashboards: actions, surfaces, inputs, overlays, layout, navigation, feedback, and data display.

See blocks

DataTable

Development preview

Search, sort and paginate a bounded set of loaded records. Semantic tables with a readable no-JS fallback.

Button

V0

Primary actions, ghost actions, forged surfaces, and link-like calls to action.

ButtonGroup

V0

Inline action grouping for hero CTAs, toolbars, dialogs, and form actions.

Card

V0

Foundry surface primitive for content panels, dashboard widgets, and docs blocks.

Field

V0

Label, input, hint, and error shell for native forms and action inputs.

Input

V0

Native text input for search, authentication, settings, and CMS fields.

InputGroup

V0

Inputs, semantic prefixes, suffixes, and actions inside one control boundary.

Combobox

V0

Browser-native searchable selection for filters, settings, and content forms.

Checkbox

V0

Native multi-select control for settings, filters, permissions, and consent.

LinkButton

V0

Anchor navigation with the visual weight of a Foundry button.

TextLink

V0

Inline navigation for docs, supporting actions, and content references.

Layout

Foundation

Container, Grid, Stack, Flex, Cluster, Box, Surface, Section, and spacing primitives.

Container

Layout

Responsive page width, horizontal padding, fluid mode, and reusable layout recipes.

Grid

Layout

Fixed columns or intrinsic minimum-width tracks for responsive content composition.

ContentGrid

Layout

A focused Grid recipe for responsive docs cards, content tiles, and dashboard metrics.

Divider

Layout

Horizontal section lines and vertical toolbar separators that follow palette tokens.

Spacer

Layout

A deliberate vertical gap with token sizes for ordinary block content.

Stack

Layout

Vertical rhythm with semantic spacing and predictable cross-axis alignment.

Flex

Layout

Directional rows and columns with wrapping, distribution, and mobile collapse.

Cluster

Layout

Wrapping inline composition for actions, badges, filters, and compact controls.

Box

Layout

Low-level spacing and material boundary for custom compositions.

Section

Layout

Page section with width, rhythm, alignment, and optional heading content.

Inset

Layout

Semantic inner spacing wrapper driven by Foundry tokens.

Bleed

Layout

Safe gutter escape with an explicit viewport mode for edge-to-edge media.

Center

Layout

Two-axis centering for empty states, auth panels, and focused messages.

Avatar

V0

Compact identity marker for users, teams, authors, and dashboard entities.

Chip

V0

Small metadata pills for filters, tags, package channels, and state labels.

CodeBlock

V0

Copy-ready code surfaces for install commands, ASX snippets, and generated HTML.

ComponentPage

Docs

Shared page shell for consistent component title, description, navigation, and spacing.

ComponentPreview

Docs

Preview stage primitive for component documentation and visual examples.

Copy

Docs

Readable paragraph primitive for docs, cards, callouts, and product copy.

DocsCallout

Docs

Documentation callout for notes, warnings, migration hints, and framework guidance.

Forms

V0

Form, fieldset, textarea, checkbox, radio, switch, and select composition patterns.

Form

Forms

Native validation, reset, and submission through a complete CMS article editor example.

FormGroup

Forms

One, two, or three responsive columns for related form fields.

Fieldset and Legend

Forms

Semantic groups with named legends and standard or forged surfaces.

IconButton

V0

Icon-only action for toolbars, tables, drawers, and compact dashboard controls.

Accordion

V0

Expandable content sections for docs, FAQs, filters, and settings groups.

AppShell

V0

Application frame for docs, dashboards, admin tools, and CMS layouts.

Sidebar

V0

Navigation rail used by AppShell, docs pages, dashboards, and admin blocks.

Alert

V0

Inline status messaging for validation, deploy state, and system notices.

Badge

V0

Compact labels for package status, preview state, and metadata.

Breadcrumbs

V0

Hierarchical page trail for docs, component references, and CMS records.

Command

V0

Command surfaces for quick actions, admin tools, and keyboard-driven workflows.

EmptyState

V0

Focused empty, error, and first-run states with actions and description slots.

List

V0

Stacked content rows for nav panels, inboxes, command results, and CMS records.

Menu

V0

Vertical navigation list for sidebars, settings sections, and dashboard panels.

Modal

V0

Centered overlay panel for focused forms, confirmations, and setup flows.

MachineSwitch

V0

Industrial two-pad switch for runtime, worker, and infrastructure controls.

Navbar

V0

Top-level navigation shell for product pages, docs, dashboards, and app headers.

NavigationMenu

V0

Horizontal or vertical navigation composition with active and accent states.

Pagination

V0

Navigation primitive for tables, docs indexes, blog archives, and CMS lists.

PageHeader

Docs

Header surface for docs pages, component pages, dashboards, and section intros.

Popover

V0

Small anchored panel for compact help, quick controls, and contextual metadata.

PropsTable

V0

Reference table primitive for component props, slots, and API contracts.

Radio

V0

Native radio option for plans, settings, templates, and mutually exclusive choices.

Rating

V0

Compact rating display for reviews, quality signals, and ranking panels.

Select

V0

Native select styling aligned with Foundry field and theme surfaces.

SiteShell

Layout

Outer page shell for site-level width, header/footer rhythm, and app content.

Stat

V0

Metric panel for dashboard KPIs, runtime health, and build performance.

ThemeSwitcher

V0

Foundry theme control for silver, bronze, and gold token presets.

Textarea

V0

Native multi-line input for content, comments, notes, and CMS fields.

Slider

V0

Range input for intensity, volume, opacity, limits, and dashboard tuning.

Switch

V0

Compact boolean control for preferences, flags, and settings forms.

Tabs

V0

Segmented panels for previews, code, API notes, and dashboard sections.

Table

V0

Semantic table primitives for content lists, API previews, and package metadata.

Dialog

V0

Modal overlay for confirmations, focused tasks, and destructive actions.

AlertDialog

V0

Focused confirmation boundary for consequential and destructive actions.

Drawer

V0

Side panel for filters, CMS tools, navigation, and detail inspectors.

DropdownMenu

V0

Compact command menu for headers, dashboards, and registry actions.

Surface

V0

General section surface for themed panels, docs sections, and feature blocks.

ScrollArea

V0

Keyboard-focusable overflow region with Foundry scrollbars and optional edge fade.

StatusLamp

V0

Industrial status indicator for runtime health and worker state.

Timeline

V0

Chronological activity and stepper primitives for releases, jobs, and guides.

Stepper

V0

Ordered progress for setup flows, deploy pipelines, onboarding, and publishing.

Toolbar

V0

Horizontal action strip for editors, tables, dashboards, and CMS controls.

Progress

V0

Progress feedback for uploads, builds, migrations, and jobs.

Spinner

V0

Accessible loading status for actions, streams, builds, and background work.

Toggle

V0

Single- and multiple-selection groups built on native radio and checkbox semantics.

Skeleton

V0

Loading placeholders for streamed panels and API-backed surfaces.

Toast

V0

Dismissible feedback for saves, deploys, imports, and background work.

Tooltip

V0

Small contextual help for dense controls and dashboard actions.