AI Tools
Remotion Data Automation — How to Create 100 Videos from 100 Rendered Images Part3
If you need 10 images, 5 types of text, and 2 background colors, combining them creates 100 videos. Without an editor, alone, with just a request, you can create them all in one execution.
Now let’s start a 3-part series on how to do this. This is the actual method mentioned above.
Why 10 Images Become 100 Videos
Traditional video editing creates one at a time. Change the image and save, change the text and save, change the color and save. To make 100, you have to repeat 100 times.
Remotion defines video as code, so you can generate variations by changing variables — the concept itself is different.
Make the image path, text, and color into variables and read them from a data file.
You get as many videos as there are data rows.
Say you have 10 product images rendered in Maya. Add these combinations:
- ▪ 10 product-rendered images
- ▪ 5 types of text — “New Product Launch”, “Limited Quantity”, “Buy Now”, “Premium Line”, “Special Discount”
- ▪ 2 background themes — Dark, Light
10 × 5 × 2 = 100. Make one data file and run the render command once. Done.
Making the Data File — JSON File is All You Need
You don’t need a complex database. Just one text file.
Create a data.json file in the public folder and write it like this.
The file structure can be requested from Claude like this: “Create a Remotion data.json combining Maya render image file names, 5 types of text, and 2 background themes. The image file names are product_01.png through product_10.png.”
Then it outputs JSON with 100 items.
If making the JSON file manually is a hassle, create columns in Excel for image names, text, and background color, then ask Claude: “Convert this Excel data to Remotion JSON.” It converts hundreds in a minute.
Creating Template Code — Put Claude to Work
100 videos without an editor — let’s try Remotion batch rendering in practice.
Once the data file is ready, you need a Remotion component that reads it and creates videos. You can have Claude do this too. The more specific your prompt, the better the result.
Request it like this: “Create a Remotion component that reads public/data.json and generates a video for each item. Each video is 5 seconds, with the image filling the background, a semi-transparent black bar at the bottom displaying the text. If the background theme is dark, darken the overlay; if light, brighten it. 1920×1080 format.”
Once you get the code, paste it into src/MyComp.tsx and run npm start to preview. The preview appears based on the first item. If it looks good, move on to rendering.
Rendering 100 Videos at Once — Batch Execution
Once the preview looks good, now render all of them at once. Remotion has batch functionality to render each data item as a separate video.
- Ask Claude: “Create a Node.js script that renders each item in data.json sequentially. Output file names should be in output_001.mp4 format based on item index”
- Save the script file to the project folder
- Run node render-all.js in the terminal
- Output_001.mp4 and onwards stack up in the out folder
Rendering takes about 1-3 minutes per item. 100 items can take several hours. Leave it running overnight and you’ll have 100 finished videos in the folder by morning. Do other work in the meantime.
With Clips, the Scale Changes
If you use video clips instead of images, the possibilities expand dramatically. Say you have 20 Maya animation clips. Add 10 text variations, 5 background music options, and 2 subtitle languages: 20 × 10 × 5 × 2 = 2,000. With 200 clips, you easily exceed 10,000.
Companies producing content for YouTube Shorts, Instagram Reels, and TikTok in different languages and different copy for different markets are already using this method.
When a 3D artist sets up this pipeline, they can run a content factory alone.
Make one data.json file
3 images, 3 text types, 2 backgrounds. Start small with 18. Once rendering finishes and you see 18 MP4s stacked in the folder, you’ll understand. That’s the beginning.