Getting Started

OntoUI is a React component library built on top of Base UI. It provides accessible components styled with CSS Modules.

Requirements

• React 18 or later
• Node.js 18 or later

Install the package

npm

npm install @ontoui/react

pnpm

pnpm add @ontoui/react

yarn

yarn add @ontoui/react

bun

bun add @ontoui/react

Import the styles

Add this once in your app entry point (e.g. main.tsx, layout.tsx, or _app.tsx):

import '@ontoui/react/styles';

Use a component

import { Button } from '@ontoui/react';

export default function App() {
  return <Button variant="primary">Get started</Button>;
}

That’s it. Browse the Components section in the sidebar to explore all available components.