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

# Split Videos

> Two videos stacked or side by side — a presenter over gameplay, a reaction over a clip — with optional narration.

Split Videos puts two sources on one screen and lets you decide exactly how much space each one gets. Add a narration on top, or keep the sources' own audio.

**Best for:** an avatar or presenter over gameplay, a reaction over a clip, before/after comparisons, and tutorials with the demo underneath.

## Step by step

**1. Choose the two sources**

![Two source slots with Browse library, upload and random buttons](https://mintcdn.com/crealix/PT9vAPiU_A6ksr_K/images/app/v2/fmt-split-sources.jpg?fit=max\&auto=format\&n=PT9vAPiU_A6ksr_K\&q=85\&s=c967e7e3ac13e2b4fbbaa936e50be6c4)

① First video (top / left) · ② Second video (bottom / right) · ③ Swap

Each slot accepts a video or an image: a completed Crealix project, an [avatar](https://docs.crealix.ai/tools/avatars.md), an [AI clip](https://docs.crealix.ai/tools/ai-clips.md), an [AI image](https://docs.crealix.ai/tools/ai-images.md) or an upload (MP4, MOV, WebM, JPG or PNG).

* **Browse library** — pick from your [media library](https://docs.crealix.ai/workspace/media-library.md).
* **Upload** (arrow icon) — or drop a file onto the slot.
* **Random** (shuffle icon) — picks a gameplay clip you haven't used yet.
* **Swap** (③) — exchanges the two sources.

Once a source is in, click the **speaker** on its thumbnail to mute or unmute it (avatars keep their audio automatically). Images can be **Animated** (slow zoom) or **Static**.

**2. Choose format and language**

9:16, 16:9 or 1:1 and the narration language.

**3. Set the layout**

![Layout settings with sliders for each video and a live preview of the split](https://mintcdn.com/crealix/PT9vAPiU_A6ksr_K/images/app/v2/fmt-split-layout.jpg?fit=max\&auto=format\&n=PT9vAPiU_A6ksr_K\&q=85\&s=9b429651b12cb36ecdf76c674f0ffb34)

① Top / Bottom or Side by side · ② Space distribution · ③ Live preview

* **Top / Bottom** or **Side by side** (①).
* **Space distribution** (②) — a slider per video, from 10% to 90%, or **Quick presets**: 50/50, 60/40, 70/30 or Custom.
* **Live preview** (③) — drag the divider directly in the preview to fine-tune the split in real time.
* **Seam** — **Blend** (a soft gradient between the two) or **Divider** (a hard line).

**4. Choose the length**

* **Auto** — uses the narration's length, or the longest clip if there's no narration (the shorter one loops).
* **15**, **30** or **60 seconds** — both clips loop or trim to fit.

**5. Add narration (optional)**

Write a story to narrate over the split (up to 17,000 characters — the counter shows the estimated duration), or click **Write with AI**. **Starters** help: *Hook + reveal*, *Problem → solution*, *Tutorial voiceover*, *Story time* and *Product demo*. Leave it empty for no voiceover.

**6. Pick a caption style and create**

Captions are transcribed from the audio that's heard — your narration if you added one, otherwise the source that isn't muted (the talking clip). Pick a style now; you generate or regenerate the captions in the editor after creating.

## Layout recipes

| Video | Layout | Split |
| - | - | - |
| Avatar explaining + gameplay | Top / Bottom | 50/50, Divider |
| Reaction to a clip | Top / Bottom | 70/30 (clip on top) |
| Before / after | Side by side | 50/50, Blend |
| Tutorial with a demo | Top / Bottom | 40/60 (demo larger) |

## Cost

Creating a split video is **free**. You only pay for the narration (if you add one) and for cloud rendering when you export — browser rendering is free.


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