Point it at your repo.
Get a demo video back.

Paste your repo. Get a demo video in 2 minutes. Free, no account needed.

Try it free

$5 = 5 scenes, 90 seconds, no watermark · Free = 3 scenes, watermarked

This video was generated from code in 2 min
How it works
From code to video in 4 steps
1
📁 src/
📄 routes.ts
📄 Dashboard.tsx
📄 schema.prisma
📁 styles/
📄 globals.css
📄 tailwind.config.ts
✓ 847 files scanned

Read your codebase

Crawls routes, components, models, CSS, and config to understand your app.

2
{   "scenes": [     { "title": "Install the gem",       "duration": 8 },     { "title": "See your score",       "duration": 10 },     { "title": "Know what to fix",       "duration": 12 }   ] }

AI writes the storyboard

Claude generates a scene-by-scene script with timing and animations tailored to your app.

3
Get Started

UI mockups generated

Your design tokens and components are used to recreate your actual UI as animated scenes.

4
▶
Download MP4 Edit clips
✓ 30s · 1280×720 · H.264

Download your video

Get a polished MP4 in about 2 minutes. Edit individual scenes with plain-English prompts.

Try it free
Generate a free demo video

3 scenes, 30 seconds, watermarked. No credit card required.

Public repos only for GitHub. For private code, upload a zip.

Free · 3 scenes · ~2 min · no account needed
Customize ↓

Here's your demo

Watch the full video, then edit individual scenes if needed

Free preview: 3 scenes, 30 seconds, watermarked.

Upgrade this video

Get 5 scenes, 90 seconds, no watermark, and scene editing.

Or subscribe for $9/mo for unlimited videos

Edit clips

Preview each scene and describe changes in plain English

Combines all clips into a single video with your changes