Tavus CVI Component Library

A CLI tool for installing and managing CVI (Conversational Video Interface) components for React applications. This library provides pre-built components for creating real-time multimodal video conversations with AI replicas.

Quick Start

Initialize the project:

npx @tavus/cvi-ui@latest init

This will:

• Create a cvi-components.json configuration file
• Prompt for TypeScript preference
• Install the necessary dependencies

Add components to your project:

npx @tavus/cvi-ui@latest add conversation

Wrap your app with the CVI provider:

import { CVIProvider } from './components/cvi/components/cvi-provider';

function App() {
  return (
    <CVIProvider>
      {/* Your app content */}
    </CVIProvider>
  );
}

Add conversation components:

import { Conversation } from './components/cvi/components/conversation';

function CVI() {
  return (
    <div
      style={{
        width: '100%',
        height: '100%',
        maxWidth: '1200px',
        margin: '0 auto',
      }}
    >
      <Conversation conversationUrl='YOUR_TAVUS_MEETING_URL' onLeave={() => {}} />
    </div>
  );
}

Documentation

• CVI Documentation

Examples

• Tavus Examples

License

MIT License - see the LICENSE file for details.