One Voice Web Component

Orbz gives voice assistants a visible pulse without choosing your application stack for you. Use the same strict custom element in a plain page, React, Next.js, Vue, Svelte, or Angular.

Get started · View on npm  · Open Demo

Install once. Control it with public attributes.

Register the browser entry point, place <orb-z> in your markup, and drive it from the same state machine that drives your assistant. There is no theme provider, stylesheet, or framework runtime hidden inside the component.

pnpm add @neongate-ai/orbz

<script type="module">
  import "@neongate-ai/orbz/browser";
</script>
 
<orb-z state="listening" size="300px"></orb-z>

Ready for the details? Continue with Getting started, explore the live examples, try the Demo, or read how Orbz works across microfrontend boundaries.