Axonyx

All Components

Native component catalog for Foundry primitives consumed from `axonyx-ui`.

The React adapter already has the larger public catalog. This native Axonyx site is being aligned to the same component map so the visual language feels identical when people move between Rust and React.

Foundry showroom

Live native `.asx` previews rendered by Axonyx. This is the design-system surface people should scan before opening an individual component page.

Browse by group

Foundry components are grouped by the job they do, so teams can scan the system like a product stack instead of hunting through a flat list.

ActionsButtonPrimary, ghost, icon, group, and upload patternsInputsFieldText controls, selects, sliders, and machine switchesFormsFormForm groups, fieldsets, legends, and helper copyFeedbackAlertStatus lamps, toasts, progress, skeletons, and ratingsNavigationMenuMenus, tabs, pagination, steppers, and accordionsLayoutLayout primitivesBox, Flex, Center, Spacer, AppShell, Surface, ToolbarDataTableTables, lists, stats, timelines, avatars, badges, chipsOverlaysModalDialogs, popovers, dropdown menus, drawers, and tooltips

Buttons

Status

OnlineRuntime healthy
QueuedWorker pending

Badges

Public betaPublishedDraft

Forms

Open Form

Industrial switch

Avatar

AXUICMS

layout

Surface

Structural panels for docs, dashboards, and CMS screens.

Toolbar

Entries

Accordion

Why Foundry?
Components share tokens, surfaces, and industrial details.
Is this React?
No. This preview is native `.asx` rendered by Axonyx.

Tabs

Preview
Preview panel rendered by native Tabs.
API
Open the API pages for prop contracts.
Routes
78
generated

Static pages produced by the current site build.

Progress

Progress is available as a component page while dynamic style lowering is being hardened.

Open Progress

Slider

List

/docs/getting-started
guide
content/posts/roadmap.md
draft

Timeline

  1. NowShowroom passNative previews are visible.
  2. NextAPI detailEach component gets richer docs.

Alert

Beta API
Component contracts can still change before 1.0.

Skeleton

Skeleton is documented as a loading primitive and will use stable data-driven sizing in the UI package.

Open Skeleton
AX
Need a component detail?

Use the left navigation to open each component page, then jump from there to its API contract.

Open components

Framework component loop

The whole loop is now visible: `axonyx-ui` provides CSS, behavior JS, and `.asx` primitives, `axonyx-site` consumes them natively, and `axonyx-web` proves the same Foundry contract through React components.

Button

Action surfaces, variants, and icon button patterns.

Open page

Field

Label, control, hint/error states, and form patterns.

Open page

Card

Section card patterns, content grouping, and layout blocks.

Open page

Native pages online

These pages are rendered by Axonyx today from native `.asx` components exported by the `axonyx-ui` Cargo package.

Table

Tabular data patterns for dashboards and CMS views.

Open page

StatusLamp

Operational status signals with tone and pulse variants.

Open page

Surface

Paper-like structural surface for panels, grouped content, and layout sections.

Open page

Toolbar

Horizontal action rail for filters, page actions, and workspace controls.

Open page

Menu

Vertical action/navigation list for drawers, popovers, and admin areas.

Open page

Modal

Focused dialog surface for confirms, forms, and blocking actions.

Open page

Stepper

Multi-step flow indicator for setup, publish, and migration screens.

Open page

Timeline

Chronological events for deploy logs, CMS history, and audit trails.

Open page

Slider

Range input primitive for settings, filters, and tuning controls.

Open page

Rating

Compact score display for quality, reviews, and signal confidence.

Open page

Command

Command palette surface for quick navigation and CMS actions.

Open page

MachineSwitch

Industrial red/green binary control for important state.

Open page

Tooltip

Short contextual hints for dense controls and dashboards.

Open page

List

Structured rows for routes, entries, queues, and CMS records.

Open page

Stat

Metric panels with label, value, delta, and tone.

Open page

Progress

Completion indicators for builds, uploads, and migrations.

Open page

Pagination

Paged navigation for docs, CMS lists, and search results.

Open page

Skeleton

Loading placeholders for cards, rows, avatars, and content areas.

Open page

Toast

Transient notification surface for save, publish, and worker events.

Open page

Accordion

Disclosure panels for docs, settings, and compact help.

Open page

Tabs

Related preview, code, and API panels.

Open page

DropdownMenu

Grouped action menu for navigation and local commands.

Open page

Popover

Context panel for filters, hints, and local controls.

Open page

Drawer

Side or bottom panel for filters, settings, and CMS tools.

Open page

Alert

Inline feedback for info, success, warning, and danger states.

Open page

Badge and Chip

Compact metadata labels, status tags, and filter chips.

Open page

Avatar

Identity markers for teams, authors, projects, and CMS owners.

Open page

EmptyState

Guided no-content surfaces with icon, title, description, and actions.

Open page

AppShell

Workspace layout frame for dashboards, admin screens, and Blockbit CMS.

Open page

React Adapter catalog

React is still useful for teams that already ship Next.js apps, but the core visual catalog now has native `.asx` coverage for the same Foundry component contract.

Open React adapter components

Next native ports

Forms page, richer Dialog preview, and full component usage examples.

Preview React Forms

Client controls

Accordion, Tabs, Drawer, Popover, DropdownMenu, and MachineSwitch now have native `.asx` wrappers.

Preview React MachineSwitch

Data display

List, Stat, Progress, Pagination, Skeleton, Table, Badge, and Avatar now have native pages.

Preview React Stat