AI + Web3 Copilot

Drop the Aomi Widget into your product

Spin up a conversational agent with wallet superpowers in minutes. Customise the palette, connect wallets, and embed the widget anywhere your users need guided assistance.

  • ⚡ Install with npm i @aomi-labs/widget-lib
  • 🎨 Theme it live with brand colours or presets
  • 🔌 Point to any backend via environment variables
Preview the widget Why teams love it

Experience the widget

Interactive themes powered by @aomi-labs/widget-lib
Live preview Switch themes to see the widget adapt
— Select a theme to load the widget.

Choose a theme to embed the widget.

Environment-aware: the widget reads VITE_AOMI_BACKEND_URL. Override locally with ?backend=<url>.

Why teams choose the Aomi Widget

Own the experience, skip the infrastructure

Plug & play

Drop one container into any site, from static landing pages to complex apps.

  • Auto-initialises with your app code
  • Responsive layouts for desktop & mobile

Brand perfectly

Pick from curated presets or pass a custom palette to match your product language.

  • Real-time theme switching
  • Fine-grained typography and spacing control

Wallet savvy

Connect to any EIP-1193 provider to authorise actions, sign payloads, and read balances inline.

  • Graceful fallbacks & mocked provider for demos
  • Events for custom analytics or workflows

Install & integrate

Ship an AI copilot with TypeScript tooling

Install the package from npm:

npm install @aomi-labs/widget-lib

Add the widget to your page or framework component:

import { createChatWidget } from '@aomi-labs/widget-lib';

const widget = createChatWidget('#support-chat', {
  appCode: 'docs-demo',
  baseUrl: import.meta.env.VITE_AOMI_BACKEND_URL,
  theme: 'light',
  onReady: () => console.log('Aomi ready'),
});
  1. Configure VITE_AOMI_BACKEND_URL in your build environment (Vercel → Project Settings).
  2. Bundle with your preferred toolchain; Rollup, Vite, and Next.js work out of the box.
  3. Extend via callbacks such as onMessage, onError, and the wallet helpers.
Need a quick preview? Deploy this folder on Vercel with build command npm run build and output dist.

Ready to launch your AI companion?

Grab the widget, point it at your backend, and delight users with a branded conversational experience.

Preview again View source