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

# Export & Render

> Render your scene to a finished video and download it anywhere.

export const VideoPlayer = ({src, poster, aspectRatio = "16 / 9", title, className = ""}) => {
  const [playing, setPlaying] = useState(false);
  if (playing) {
    return <div className={`not-prose relative mx-auto my-6 w-full max-w-screen-md overflow-hidden rounded-2xl border border-gray-950/10 dark:border-white/10 ${className}`} style={{
      aspectRatio
    }}>
        <video src={src} controls autoPlay playsInline className="h-full w-full object-contain" />
      </div>;
  }
  return <button type="button" aria-label={title ? `Play video: ${title}` : "Play video"} style={{
    aspectRatio
  }} className={`not-prose group relative mx-auto my-6 block w-full max-w-screen-md cursor-pointer overflow-hidden rounded-2xl border border-gray-950/10 bg-gray-100 dark:border-white/10 dark:bg-white/5 ${className}`} onClick={() => setPlaying(true)}>
      <img src={poster} alt={title || "Video thumbnail"} className="h-full w-full cursor-pointer object-cover" />
      <div className="absolute inset-x-0 bottom-0 h-20 bg-gradient-to-t from-black/80 to-transparent sm:h-28" />
      <div className="absolute bottom-6 flex w-full items-center justify-between px-6">
        <p className="max-w-sm text-left text-lg font-semibold leading-tight text-white">
          {title}
        </p>
        <div className="rounded-full p-3 shadow-lg transition-all duration-300 group-hover:scale-110 group-active:scale-95" style={{
    backgroundColor: "#5C9987"
  }}>
          <svg width="24" height="24" viewBox="0 0 24 24" fill="#ffffff" aria-hidden="true">
            <path d="M8 5v14l11-7L8 5z" />
          </svg>
        </div>
      </div>
    </button>;
};

When your edit is ready, **Export** renders the current scene into a finished file. Renders run in the background, so you can keep editing — or close the tab entirely — while your video processes.

<VideoPlayer src="/videos/studio/export.mp4" poster="/images/posters/studio/export.jpg" title="Watch: rendering and downloading your video" />

## Start an export

<Steps>
  <Step title="Open the export panel">
    Click **Export** in the top bar. A panel slides in with two tabs: **Export settings** and **Export history**.
  </Step>

  <Step title="Pick the scene and mode">
    Choose which scene to render — the one you're editing is marked **(Current)**. Leave **Mode** on **Standard** for a regular video, or pick **Flam** to get two files: the main video plus an alpha mask you can use in any compositing app.
  </Step>

  <Step title="Set quality and codec">
    Choose a **Quality** of **High**, **Medium**, or **Low**, a codec — **H.264** or **H.265** (MP4), or **ProRes** (MOV) — and an audio sample rate of 48 or 44.1 kHz.
  </Step>

  <Step title="Export">
    Click **Export**. The panel flips to **Export history**, where your render appears with live progress.
  </Step>
</Steps>

The **Video** and **Audio** toggles control what goes into the file. Turn **Video** off for an audio-only export — you'll choose **MP3** or **WAV** instead of a codec, and muted tracks are left out.

## Resolution and plan limits

Studio renders at up to **1080p**, at your project's frame rate. Each plan sets a maximum render height — if your plan tops out below 1080p, the export automatically renders at your plan's maximum (for example 720p) and lets you know. See [Plans](/billing/plans) to compare limits and unlock higher-resolution renders.

## Track progress

Each render in **Export history** shows a status — **Exporting**, **Exported**, or **Export failed** — with a progress bar, a percentage, and a time estimate. Rendering happens server-side: close the panel, keep editing, reload the page, or come back on another device, and your render keeps going and reappears in the history.

## Download your video

When a render finishes, its history entry shows a preview thumbnail and four actions:

| Action           | What it does                              |
| ---------------- | ----------------------------------------- |
| **Download**     | Saves the finished file to your device    |
| **Play**         | Opens the video in a preview overlay      |
| **Export again** | Re-runs the render with the same settings |
| **Delete**       | Removes the render from your history      |

Finished renders are also saved to your project's **Asset library** automatically, so you can drop an exported cut straight back onto a canvas or into another scene. Use the search box and status filter in **Export history** to find older renders.

<Note>
  Need a still instead of a video? Press <kbd>⌘</kbd> <kbd>⇧</kbd> <kbd>X</kbd> in Studio to export the current frame as an image.
</Note>