# Mondrian Split: Mondrian Grid Transition

Black lines cut the frame into a Mondrian grid, primary colors fill the cells, and one cell grows until it fills the frame. Use this video template in Subclip or copy its code for Claude.

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

Preview video: https://subclipweb.subclip.app/motion-graphics-templates/v1/previews/motion-template-remotion-remocn-mondrian-split.mp4?v=9ef1d0002d

Black lines divide the frame into a De Stijl grid, red, yellow and blue fill the cells, the grid shifts, and one cell pushes out to become the whole frame.

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

Seven thick black lines cut a cream frame one at a time into a balanced grid. Blue and yellow wipe into two cells and the largest cell fills with red. After a short hold, three lines slide to new positions and drag the cells with them, then the red cell's lines push out past the edges until red covers the whole frame. It plays in just under five seconds.

You can change the seed for a different grid, the number of lines, the line weight, which cell expands, and the line, red, yellow, blue and final field colors, plus playback speed and background. Use it as a transition into a new scene, an art or design channel intro, a title card or a bold section break.

## Use it for

- Scene transitions
- Art and design channel intros
- Title cards
- Bold section breaks

## What you can change

- `speed`: Playback speed (Number)
- `seed`: Seed (Number)
- `splits`: Number of lines (Number)
- `lineWeight`: Line weight (Number)
- `expandCell`: Expanding cell (Number)
- `lineColor`: Line color (Color)
- `redColor`: Red color (Color)
- `yellowColor`: Yellow color (Color)
- `blueColor`: Blue color (Color)
- `fieldColor`: Final field color (Color)
- `stageBackground`: Background around the scene (Color)

## 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 Mondrian Split 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.

Built on Mondrian Split from remocn: https://remocn.dev