Skip to main content

Overview

Each example in tavus-examples is a complete Vite + React + TypeScript page using @tavus/embed@latest. Its README includes setup instructions, a screenshot, and a recording of a full call.

Build your own with a coding agent

Choose an embed or widget prompt for Cursor, Claude Code, Codex, Lovable, Replit, Bolt or v0.
To run one: clone the repository, open the example’s folder, run npm install and npm run dev, and paste your deployment id into src/constants.ts. Create a deployment in the PAL Maker if you do not have one.

The examples

Landing page

An inline conversation in a marketing page. Start here for the simplest integration: one import, one tag, a sized wrapper.

Preview card to modal

An “Ask a specialist” card beside a product. expand-options opens the call in a modal and returns the card when it ends.

Start from your own button

Your button opens a dialog and starts the call through TavusIntegration after tavus:ready.

Full-screen call flow

An intake form, a call with layout="full-screen", and a next-steps page. Prepares the conversation during the form.

Unattended screen

A portrait check-in kiosk. The embed’s button starts the call, and the page resets for the next visitor.

Session flow

A name step, a call with a live transcript, and a summary with a transcript download. Reads tavus:protocol-message.

Build your own with a coding agent

The embed prompt behind every example’s “Build this” button reads the closest example and builds it in your stack. Choose a prompt for an inline embed or a floating widget, or follow the app builder and website builder guide.