# Split comparison: Before and After

A split screen sets a before number on dark purple beside an after number on teal. Copy this video template's code for Claude or Codex, or edit it in Subclip.

Canonical URL: https://www.subclip.app/motion-graphics-templates/remotion/split-comparison

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-split-comparison.mp4?v=a4b54452e4

A split-screen before and after slide with one large number on each side, labeled Before and After and separated by a center divider.

- Framework: Remotion
- Category: Charts
- Duration: 5 s
- Aspect ratio: 16:9 landscape
- Code: Get the code (free sign-in): https://www.subclip.app/motion-graphics-templates/remotion/split-comparison

It opens with the frame split down the middle by a thin line with a small round marker at its center. The left half is dark purple, labeled Before in the corner, and the right half is dark teal, labeled After. A large white number sits in each half, 38% against 94% in the example, and the two sides are timed one after the other so the change reads clearly. It lasts five seconds.

Set the before and after values to your own figures, such as conversion rates, scores or times. The layout keeps both numbers large and centered, so it reads well even on a small screen. After a free sign-in you can copy or download the code for Claude, Codex or another AI coding agent, or use it in Subclip for case studies, results posts and progress updates.

## Use it for

- Case study results
- Progress and improvement updates
- A/B test outcomes
- Product launch metrics

## What you can change

- `before`: Before value (Text)
- `after`: After value (Text)

## How to use this template

1. Download Subclip for Mac or Windows. Every template on this page comes pre-installed.
2. Open the Templates panel, pick Split comparison and drop it on your timeline.
3. Change the text, colors and timing in the layer settings, or ask the AI agent to edit it for you.
4. Export your video, or download the code to use the template in your own project.