> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.videogen.io/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.videogen.io/_mcp/server.

# Examples

> Example apps demonstrating the VideoGen API with popular frameworks including Next.js, FastAPI, Vercel AI SDK, and OpenAI Agents SDK.

Clone a working app and start building. Each example targets a different SDK, framework, and use case.

#### [Script to Video Studio](https://github.com/video-gen/videogen-examples/tree/main/script-to-video-studio)

Next.js + Express + TypeScript SDK + Firebase. A self-hostable studio with sign-in, a database, webhooks, and realtime progress that turns a script into a finished MP4.

#### [AI Social Content Generator](https://github.com/video-gen/videogen-examples/tree/main/ai-social-content)

Next.js + Vercel AI SDK + TypeScript SDK. An AI agent decides what images, videos, and voiceovers to generate from a topic prompt.

#### [Talking Avatar Webhook Server](https://github.com/video-gen/videogen-examples/tree/main/talking-avatar-webhook)

FastAPI + Python SDK. A production webhook pipeline that chains text-to-speech with avatar generation (no polling required).

#### [AI Image Editor](https://github.com/video-gen/videogen-examples/tree/main/ai-image-editor)

OpenAI Agents SDK + Python SDK + Gradio. A conversational agent for generating, transforming, vectorizing, and upscaling images.

## Coverage

|                       | Script to Video Studio | AI Social Content | Talking Avatar Webhook | AI Image Editor   |
| --------------------- | ---------------------- | ----------------- | ---------------------- | ----------------- |
| **SDK**               | TypeScript             | TypeScript        | Python                 | Python            |
| **Agentic framework** | —                      | Vercel AI SDK     | —                      | OpenAI Agents SDK |
| **Web framework**     | Next.js 15 + Express   | Next.js 15        | FastAPI                | Gradio            |
| **Async pattern**     | Webhooks + Polling     | Polling           | Webhooks               | Polling           |
| **File upload**       | No                     | No                | Yes (audio)            | Yes (images)      |
| **Deploy target**     | Self-host              | Vercel            | Docker / Railway       | HF Spaces         |

## Quick start

```bash
git clone https://github.com/video-gen/videogen-examples.git
cd videogen-examples
```

Then pick an example directory and follow its README. Each requires a VideoGen API key — get one at [app.videogen.io/api](https://app.videogen.io/api).

## Source

All examples live in the [`video-gen/videogen-examples`](https://github.com/video-gen/videogen-examples) repo.