Preview
Usage
Pick a layout, then assign one composition per slot. The number of slots changes with the layout — stacked and side-by-side give you 2, pip gives you 2 (background + corner inset), grid-2x2 gives you 4.
Each slot renders the chosen composition with cover fit so it fills the slot edge-to-edge. No coordinates to type — for the 90% of "X next to Y" combinations this is everything you need.
Props
| Name | Type | Default |
|---|---|---|
| layout | "side-by-side" | "stacked" | "pip" | "grid-2x2" | "side-by-side" |
| slots | Record<string, string[]> | [2 items] |
| backgroundColor | string (hex) | "#0f1014" |
| gap | number | 16 |
Composition
- ID
- SplitScene
- Resolution
- 1920×1080
- FPS
- 60
- Duration
- 10.0s