Sinua

Live visuals for voice AI.

One engine draws the same frame on the web, iOS, Android and React Native. Give it your agent's state and it shows what is happening: listening, thinking, speaking.

npm i @sinua/web@betaRead the docsSee every pattern

What it draws

The same engine, shaped for what your app is doing.

  • A voice agent on screen

    The orb follows the mic while it listens, moves between turns and speaks with the agent's audio, from the agent state you already have.

  • Work in progress

    Rings fill from the numbers your app already tracks: an upload, a workout, a download.

  • Something being recorded

    A waveform that follows the level it is given, on a phone or in a browser tab.

One design, every front end

One design, written once. The same props in React, SwiftUI, Compose and every web framework.

import { SinuaOrb } from "@sinua/web/components";

export function Visual() {
  return <SinuaOrb pattern="glowing" style={{ width: 160, height: 160 }} />;
}

Free runtime, separate Studio

The runtime is open source and free. The Studio, a design tool for it, is a separate product and not open yet.

Packages

The engine and every renderer, Apache-2.0, shipped inside your app. Nothing to sign up for.

npm i @sinua/web@beta

Studio

Tune a visual live and export it as code or an FX Spec file. Not open yet.

Take the tour