Install AniUI

AniUI is the free, open-source library that AniUI Pro extends. Install it first; everything in Pro assumes it's available.

Add the package

From the root of your Expo project:

npm install aniui
# or
pnpm add aniui
# or
bun add aniui

Wrap your app in the provider

AniUI uses a single ThemeProvider at the root of your app to expose colors, typography, and spacing tokens to every component. In Expo Router, that goes in app/_layout.tsx:

import { ThemeProvider } from "aniui";
import { Slot } from "expo-router";

export default function RootLayout() {
  return (
    <ThemeProvider>
      <Slot />
    </ThemeProvider>
  );
}

Verify the install

Drop a Button anywhere to confirm theming works:

import { Button } from "aniui";

export default function Home() {
  return <Button>Hello AniUI</Button>;
}

If the button renders with the AniUI primary color, you're set. Move on to Adding Pro next.