The fastest way to get started vibecoding with Tavus CVI. This React quickstart template provides everything you need to create interactive video experiences powered by Tavus's Conversational Video Interface technology.
⚠️ Important Note: This is a development template only. For production use, you must:
- Never expose your Tavus API keys in the frontend
- Implement a secure backend service to handle API calls
- Use environment variables and proper key management
- Follow security best practices for handling sensitive credentials
- React
- TypeScript
- Vite
- Tailwind CSS
- Framer Motion
Spin up this template in under a minute with StackBlitz:
-
Get your API credentials:
- Create an account on Tavus Platform
- Generate your API token
-
Run the template:
npm install npm run dev
-
Customize your persona:
- Update the
persona_idincreateConversation.tswith your own - Learn how to create your own persona on the Tavus Platform
body: JSON.stringify({ persona_id: "your_persona_id_here", }),
- Update the