Component Library

Browse and install UI components from the Aomi registry.

Component Library

UI components are distributed via our shadcn registry. Install them with a single command:

npx shadcn add https://widget.aomi.dev/r/aomi-frame.json

AomiFrame live demo

Live

Chat surface, thread list, and composer running with the Reown wallet footer.

Component Reference

Usage

After installation, components are copied directly into your project at the location specified in your components.json configuration. You can then import and use them:

import { Button } from "@/components/ui/button";
import { AomiFrame } from "@/components/aomi-frame";

export default function MyPage() {
  return (
    <div>
      <Button>Click me</Button>
      <AomiFrame height="600px" />
    </div>
  );
}

Customization

Since components are copied to your project, you have full control to customize them. Edit the component files directly to match your design system.

See Theming & Visual Styling for theming options.

On this page