Experience Shotstack for yourself,
with no risk, and generate your first
video in 5 minutes.
Unlimited developer sandbox
No credit card required
{
"timeline": {
"soundtrack": {
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/music/unminus/kring.mp3",
"effect": "fadeOut"
},
"background": "#000000",
"cache": false,
"tracks": [
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">2021</p>",
"css": "p { color: #ffffff; font-size: 160px; font-family: Montserrat ExtraBold; text-align: left }",
"width": 396,
"height": 180
},
"start": 0,
"length": 4,
"fit": "none",
"scale": 1,
"offset": {
"x": -0.317,
"y": 0.095
},
"position": "center",
"transition": {
"in": "slideUp",
"out": "slideDown"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">MERCEDES-BENZ</p>",
"css": "p { color: #ffffff; font-size: 80px; font-family: Montserrat ExtraBold; text-align: left }",
"width": 1131,
"height": 80
},
"fit": "none",
"scale": 1,
"offset": {
"x": 0.098,
"y": 0.116
},
"position": "center",
"transition": {
"in": "slideUp",
"out": "slideDown"
},
"start": 0.5,
"length": 3.5
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">A-CLASS A-180 AUTO</p>",
"css": "p { color: #ffffff; font-size: 60px; font-family: Montserrat SemiBold; text-align: left }",
"width": 1133,
"height": 77
},
"fit": "none",
"scale": 1,
"offset": {
"x": 0.099,
"y": 0.045
},
"position": "center",
"start": 1,
"length": 3,
"transition": {
"out": "slideDown",
"in": "slideUp"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">DEALER | USED | QUEENSLAND, 4029</p>",
"css": "p { color: #ffffff; font-size: 32px; font-family: Montserrat SemiBold; text-align: left }",
"width": 826,
"height": 59
},
"fit": "none",
"scale": 1,
"offset": {
"x": 0.019,
"y": -0.014
},
"position": "center",
"transition": {
"out": "slideDown",
"in": "slideUp"
},
"start": 1.2,
"length": 2.8
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9513395.jpg"
},
"start": 0,
"length": 5,
"effect": "zoomIn",
"transition": {
"in": "fade",
"out": "fade"
},
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"fit": "crop",
"opacity": 0.4
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">KMS</p>",
"css": "p { color: #ffffff; font-size: 40px; font-family: Montserrat SemiBold; text-align: left }",
"width": 144,
"height": 93
},
"length": 5,
"start": 5,
"transition": {
"out": "slideDown",
"in": "slideUp"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.178,
"y": 0.021
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">4CYL 2.0L TURBO PETROL</p>",
"css": "p { color: #ffffff; font-size: 40px; font-family: Montserrat SemiBold; text-align: left }",
"width": 620,
"height": 72
},
"length": 5,
"start": 5,
"transition": {
"out": "slideDown",
"in": "slideUp"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.235,
"y": -0.05
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">48,364</p>",
"css": "p { color: #ffffff; font-size: 90px; font-family: Montserrat ExtraBold; text-align: left }",
"width": 353,
"height": 109
},
"length": 5,
"start": 5,
"transition": {
"out": "slideDown",
"in": "slideUp"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.302,
"y": 0.035
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\"> </p>",
"css": "p { color: #ffffff; font-size: 32px; font-family: Roboto Black; text-align: center; }",
"width": 100,
"height": 600,
"background": "#d96657"
},
"start": 5,
"length": 5,
"position": "center",
"transition": {
"in": "carouselDown",
"out": "slideDown"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.474,
"y": 0
}
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9513355.jpg"
},
"start": 5.7,
"length": 4.3,
"offset": {
"x": 0.2,
"y": 0
},
"position": "center",
"fit": "none",
"scale": 0.5,
"transition": {
"in": "slideLeft",
"out": "slideRight"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9513355-2.jpg"
},
"fit": "crop",
"position": "center",
"offset": {
"x": 0,
"y": 0
},
"transition": {
"in": "fade",
"out": "fade"
},
"start": 4,
"length": 6,
"scale": 1,
"opacity": 0.4
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9513404.jpg"
},
"effect": "zoomIn",
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"fit": "crop",
"scale": 1,
"transition": {
"in": "fade",
"out": "fade"
},
"start": 9,
"length": 3
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">INTERIOR</p>",
"css": "p { color: #ffffff; font-size: 60px; font-family: Montserrat ExtraBold; text-align: left }",
"width": 620,
"height": 96
},
"start": 11.5,
"length": 5.5,
"transition": {
"in": "slideLeft",
"out": "slideRight"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.25,
"y": 0.054
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">White Nappa leather, front heated seats, 4 door, 5 seats.</p>",
"css": "p { color: #ffffff; font-size: 36px; font-family: Montserrat SemiBold; text-align: left }",
"width": 823,
"height": 180
},
"start": 11.5,
"length": 5.5,
"transition": {
"in": "slideLeft",
"out": "slideRight"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.197,
"y": -0.031
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\"></p>",
"css": "p { color: #ffffff; font-size: 32px; font-family: Roboto Black; text-align: center; }",
"width": 50,
"height": 300,
"background": "#d96657"
},
"transition": {
"in": "carouselDown",
"out": "slideDown"
},
"start": 11.5,
"length": 5.5,
"fit": "none",
"scale": 1,
"offset": {
"x": -0.487,
"y": 0
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9513356.jpg"
},
"start": 11,
"length": 7,
"effect": "zoomIn",
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"transition": {
"in": "fade",
"out": "fade"
},
"fit": "crop",
"scale": 1
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9265832.jpg"
},
"start": 17,
"length": 4,
"effect": "zoomIn",
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"transition": {
"in": "fade",
"out": "fade"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">UPGRADES</p>",
"css": "p { color: #ffffff; font-size: 60px; font-family: Montserrat ExtraBold; text-align: left }",
"width": 620,
"height": 108
},
"start": 21,
"length": 4,
"transition": {
"in": "slideDown",
"out": "slideUp"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.245,
"y": 0.057
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">Harmon Kardon sound system, Keyless Go, 360 surround view camera, rain sensing wipers.</p>",
"css": "p { color: #ffffff; font-size: 36px; font-family: Montserrat SemiBold; text-align: left }",
"width": 903,
"height": 121
},
"start": 21,
"length": 4,
"transition": {
"in": "slideDown",
"out": "slideUp"
},
"fit": "none",
"scale": 1,
"offset": {
"x": -0.172,
"y": -0.024
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\"></p>",
"css": "p { color: #ffffff; font-size: 32px; font-family: Roboto Black; text-align: center; }",
"width": 50,
"height": 300,
"background": "#d96657"
},
"transition": {
"in": "carouselDown",
"out": "slideDown"
},
"start": 21,
"length": 4,
"fit": "none",
"scale": 1,
"offset": {
"x": -0.487,
"y": 0
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9513392.jpg"
},
"start": 20,
"length": 6,
"effect": "zoomIn",
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"transition": {
"in": "fade",
"out": "fade"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">$46,990</p>",
"css": "p { color: #ffffff; font-size: 150px; font-family: Montserrat ExtraBold; text-align: center; }",
"width": 1133,
"height": 180
},
"start": 28,
"length": 3,
"transition": {
"out": "slideUp",
"in": "slideDown"
},
"fit": "none",
"scale": 1,
"offset": {
"x": 0,
"y": 0
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">including taxes and registration</p>",
"css": "p { color: #ffffff; font-size: 36px; font-family: Montserrat SemiBold; text-align: center; }",
"width": 620,
"height": 93
},
"transition": {
"out": "slideUp",
"in": "slideDown"
},
"start": 28,
"length": 3,
"fit": "none",
"scale": 1,
"offset": {
"x": 0,
"y": -0.143
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/carmart-white.png"
},
"start": 30.8,
"length": 5.2,
"fit": "none",
"offset": {
"x": 0,
"y": 0
},
"transition": {
"in": "slideUp"
},
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p data-html-type=\"text\">carmart.co</p>",
"css": "p { color: #ffffff; font-size: 40px; font-family: Montserrat SemiBold; text-align: center; }",
"width": 1920,
"height": 1080
},
"length": 5,
"offset": {
"y": -0.2,
"x": 0
},
"start": 31,
"transition": {
"in": "slideUp"
},
"fit": "none",
"scale": 1,
"position": "center"
}
]
},
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/templates/car-dealer-slideshow/pexels-photo-9265834.jpg"
},
"start": 25,
"length": 8,
"effect": "zoomIn",
"transition": {
"out": "fade"
},
"offset": {
"x": 0,
"y": 0
},
"position": "center",
"fit": "crop",
"scale": 1,
"opacity": 0.4
}
]
}
]
},
"output": {
"format": "mp4",
"size": {
"width": 1920,
"height": 1080
}
}
}Automotive car ad slideshow. Use this template to generate slideshow videos for car dealerships or automotive classified listing web sites.
No account needed until you render.
Render with your AI assistant
Add the Shotstack MCP server to your editor, then paste the prompt
| Output | MP4 |
|---|---|
| Size | 1920 × 1080 (16:9) |
| Length | 36s |
| Frame rate | default (25 fps) |
| Tracks / clips | 26 / 26 |
| Assets used | 17 html, 9 image |
| Soundtrack | yes |
| Merge fields | none (edit the JSON) |
Swap these in the JSON:
To drive it from data, turn any value into a {{ PLACEHOLDER }} merge field.
Save the JSON above as template.json, then render in the free sandbox:
# Save the JSON above as template.json, then:
curl -X POST https://api.shotstack.io/edit/stage/render \
-H "x-api-key: $SHOTSTACK_API_KEY" \
-H "Content-Type: application/json" \
-d @template.json
# Poll until status is "done", then download response.url
curl https://api.shotstack.io/edit/stage/render/RENDER_ID -H "x-api-key: $SHOTSTACK_API_KEY"import { readFileSync } from 'node:fs';
const headers = { 'x-api-key': process.env.SHOTSTACK_API_KEY, 'Content-Type': 'application/json' };
const edit = JSON.parse(readFileSync('template.json', 'utf8'));
const { response } = await fetch('https://api.shotstack.io/edit/stage/render', {
method: 'POST', headers, body: JSON.stringify(edit)
}).then((r) => r.json());
let render;
do {
await new Promise((r) => setTimeout(r, 3000));
render = (await fetch(`https://api.shotstack.io/edit/stage/render/${response.id}`, { headers }).then((r) => r.json())).response;
} while (!['done', 'failed'].includes(render.status));
console.log(render.status, render.url);import json, os, time, requests
headers = {"x-api-key": os.environ["SHOTSTACK_API_KEY"]}
with open("template.json") as f:
edit = json.load(f)
render_id = requests.post("https://api.shotstack.io/edit/stage/render", json=edit, headers=headers).json()["response"]["id"]
while True:
render = requests.get(f"https://api.shotstack.io/edit/stage/render/{render_id}", headers=headers).json()["response"]
if render["status"] in ("done", "failed"):
break
time.sleep(3)
print(render["status"], render.get("url"))npm install -g @shotstack/cli
export SHOTSTACK_API_KEY=your_sandbox_key
shotstack validate template.json # offline schema check, free
shotstack render template.json --env stage --watchSandbox renders are free and watermarked. Production: the v1 endpoint and key. SDKs
Point it at your inventory feed and each vehicle gets its own video as soon as it is listed.
Paste into Claude, ChatGPT or Cursor — your AI assistant builds the workflow around your data.
Node.js, one render per CSV row, wired to this template. Setup steps in the header.
Guides: Bulk-create from a CSV · Webhooks · Templates endpoint · Render your first video
AI assistants: Markdown () · · · CLI skill: SKILL.md () · MCP server
Replace the asset URLs in the JSON with your own files and adjust text, timing or effects on each clip. To generate many variations from data, turn the values you change into merge fields ({{ PLACEHOLDER }}) and pass a merge array with each request.
Yes. This template renders 1920×1080 by default. Set output.resolution to "1080" or output.size to a larger 16:9 size in the JSON; the layout scales with it.
Yes. The template uses 9 images; replace each image asset's src with a public URL of your own file (JPG, PNG or WebP). Keep the timing and effects, or adjust them per clip.
Edit the text on each text asset in the JSON. Fonts come from the timeline fonts list or the asset's font family; add your own font file URL to timeline.fonts to use a brand typeface.
Unlimited developer sandbox
No credit card required
