Get Started

Install AP Composition and build your first page in under 5 minutes.

Installation

pnpm add @ap/composition-ui

Import tokens

AP Composition uses CSS custom properties for all design tokens. Import the token stylesheet:

import '@ap/composition-ui/tokens.css';

Use a component

import { Button } from '@ap/composition-ui';

<Button variant="primary">Get Started</Button>

Connect Figma

See the Figma Integration guide to set up token sync between your Figma file and codebase.

Next steps