Getting Started

Want to skip the docs? Try our MCP Server

#
Installation

Install the @optiaxiom/react package using your package manager of choice:


npm install @optiaxiom/react


pnpm add @optiaxiom/react


yarn add @optiaxiom/react


bun add @optiaxiom/react

Make sure to configure your bundler to handle CSS Imports.

Wrap your application with AxiomProvider:


import { AxiomProvider } from "@optiaxiom/react";
 
export function App() {
  return <AxiomProvider>{/* Your app code here */}</AxiomProvider>;
}

Import components from @optiaxiom/react and use them:


import { Button } from "@optiaxiom/react";
 
export function MyComponent() {
  return <Button>Hello World!</Button>;
}

Discover all the components available in our library and how to use them.

Learn about our styling solution and how to consume our design tokens.

Font Awesome icon kit for use with the Optimizely Design System

MCP server enabling AI assistants to generate accurate Axiom code.