> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tavus.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Examples

> Browse six complete embed examples, run the source code, or use a prompt to build your own with a coding agent.

## Overview

Each example in [tavus-examples](https://github.com/Tavus-Engineering/tavus-examples/tree/main/examples#readme) 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.

> [card] [Build your own with a coding agent](https://docs.tavus.io/sections/deployments/coding-agents.md#choose-a-prompt)
>
> 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](https://maker.tavus.io) if you do not have one.

## The examples

> [card] [Landing page](https://github.com/Tavus-Engineering/tavus-examples/tree/main/examples/embed-landing-page)
>
> An inline conversation in a marketing page. Start here for the simplest integration: one import, one tag, a sized wrapper.

> [card] [Preview card to modal](https://github.com/Tavus-Engineering/tavus-examples/tree/main/examples/embed-preview-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.

> [card] [Start from your own button](https://github.com/Tavus-Engineering/tavus-examples/tree/main/examples/embed-programmatic)
>
> Your button opens a dialog and starts the call through `TavusIntegration` after `tavus:ready`.

> [card] [Full-screen call flow](https://github.com/Tavus-Engineering/tavus-examples/tree/main/examples/embed-full-screen)
>
> An intake form, a call with `layout="full-screen"`, and a next-steps page. Prepares the conversation during the form.

> [card] [Unattended screen](https://github.com/Tavus-Engineering/tavus-examples/tree/main/examples/embed-unattended-screen)
>
> A portrait check-in kiosk. The embed's button starts the call, and the page resets for the next visitor.

> [card] [Session flow](https://github.com/Tavus-Engineering/tavus-examples/tree/main/examples/embed-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](https://github.com/Tavus-Engineering/tavus-examples/blob/main/examples/embed-prompt.md) behind every example's "Build this" button reads the closest example and builds it in your stack. [Choose a prompt](https://docs.tavus.io/sections/deployments/coding-agents.md#choose-a-prompt) for an inline embed or a floating widget, or follow the [app builder and website builder guide](https://docs.tavus.io/sections/deployments/app-builders.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.