AppShell
AppShell combines sidebar, page header, and toolbar primitives into a Foundry-ready admin and CMS layout.
Use in React
Install both npm packages: @axonyx/react provides the React components, while @axonyx/ui provides their shared Foundry CSS. Import the stylesheet once in your root layout.
npm install @axonyx/react @axonyx/uiimport "@axonyx/ui/css/index.css";Building in Axonyx instead? See the native .asx AppShell example. It uses the Cargo crate, not these npm packages.
Overview
Overview
Foundry workspace
Use AppShell when you want a real application frame, not just a stack of cards.
Shell content sits here.
Admin layout
Dashboard
Content operations
A Foundry admin shell should feel stable, legible, and ready for dense data.
Published
128+6 todayDrafts
19editorial queueErrors
0healthyToolbar
API
See the full API reference for imports, props, CSS contracts, and Foundry data attributes.
- AppShellApplication frame with rail width and sidebar layout primitives.
- SidebarShell rail for navigation and grouped CMS sections.
- PageHeaderTop-of-page title area with actions and description.
- ToolbarFlexible action row for filters, bulk actions, and metadata.