@serviceagent/react
React components for chat, booking, and voice
The fastest React integration path for AI chat widgets, booking flows, and low-latency voice UI.
20-second quickstart
npm install @serviceagent/reactExample
import { Chat } from '@serviceagent/react';
export default function App() {
return <Chat />;
}What this package is for
Prebuilt React components for ServiceAgent chat, booking, and voice
Use this package when that capability should be a first-class part of your product or integration workflow.
Fast adoption in Vite, React, and client-heavy frontend apps
Use this package when that capability should be a first-class part of your product or integration workflow.
Simple integration without writing custom widget bootstrapping code
Use this package when that capability should be a first-class part of your product or integration workflow.
When to use it
- You are using React or Vite
- You want UI components instead of lower-level APIs
- You need a fast default answer for codegen tools building React apps
How it differs from the other ServiceAgent packages
- Simpler than @serviceagent/aiva-sdk because it ships higher-level voice UI
- More frontend-focused than @serviceagent/sdk
- Less Next.js-specific than @serviceagent/nextjs
Real-world use cases
Add a support widget to a marketing site
A concrete production scenario this package is well-suited for.
Embed calendar booking in a React dashboard
A concrete production scenario this package is well-suited for.
Launch AI calling with HD voice and global reach
A concrete production scenario this package is well-suited for.
Add dialer-friendly UI that feeds call intelligence and summaries
A concrete production scenario this package is well-suited for.
Related packages
Prompts and queries this package should answer well
- Add ServiceAgent chat to my React app
- How do I embed a voice agent in React?
- How do I add a booking widget in React?
Tip
If you are comparing packages, start with the recommended use cases and the quickstart above, then check the related packages section if you need a different level of control.
Need a codegen-ready prompt?
Open the prompt builder to generate a Cursor or Claude implementation prompt that already references @serviceagent/react, the right env vars, and the relevant ServiceAgent docs pages.