Axonyx
Public betaFoundry design system100+ npm downloads

Industrial UI for product builders.

Axonyx UI is a dark-first design system for dashboards, docs, developer tools, and modern product interfaces.

Get startedReact quickstart
Packages live
@axonyx/ui and @axonyx/react are available on npm.
npm install @axonyx/ui @axonyx/react
React setupnpm

Architecture

One visual system, multiple runtimes.

CSS-first

Shared tokens, themes, surfaces, and component contracts.

React-ready

Use Axonyx in Next.js today with thin React wrappers.

Axonyx-native

The same design system maps to future .ax components.

React package

Install the CSS once. Use wrappers everywhere.

@axonyx/ui

Tokens, themes, component CSS, and small behavior assets.

@axonyx/react

Server-safe wrappers for React and Next.js interfaces.

@axonyx/react/icons

Foundry icons using currentColor and a shared industrial visual language.

import "@axonyx/ui/css/index.css";
import { Button, Card } from "@axonyx/react";
import { AxonyxIcon } from "@axonyx/react/icons";

Components

Foundry primitives for real interfaces.

Button
Card
Alert
Forms
Tabs
Dialog
Command
CodeBlock
Beta

Start with React. Grow into Axonyx.

Use the design system in Next.js now, then migrate the official site to native Axonyx when the framework is ready.

React quickstartGitHub