{
"timeline": {
"fonts": [
{
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/4f97c716-1f8b-464b-9ee4-4961681376ae/jizzRFVKsm4Bt9PrbSzC4KLlQUF5lRJg5j-l5PvyhfTdd4TcYMNf.ttf"
},
{
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/4c4d23f3-eef2-436b-bcbd-1625f6d0499f/TuGOUUFzXI5FBtUq5a8bh68BJxxEVam7tVlWfxw.ttf"
}
],
"background": "#FFFFFF",
"tracks": [
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"100\" height=\"100\" fill=\"#ffffff\"/></svg>"
},
"start": 0.2,
"length": "end",
"offset": {
"x": 0.342,
"y": 0.41
},
"position": "center",
"transition": {
"in": "slideLeft"
},
"width": 100,
"height": 100
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/d4cafcdc-6e38-43c9-b1cd-37fbf3001140/source.png"
},
"start": 0.2,
"length": 9.8
}
]
},
{
"clips": [
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/c5b6e4b8-95c0-4991-9d01-5a77f066cc12/source.png"
},
"start": 0.2,
"length": 9.8
},
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 150 150\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"150\" height=\"150\" fill=\"#ffffff\"/></svg>"
},
"start": 0.2,
"length": "end",
"offset": {
"x": -0.324,
"y": 0.376
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 150,
"height": 150
}
]
},
{
"clips": [
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/47b604f9-55af-449f-b068-df16ef435836/source.png"
},
"start": 0,
"length": 10
},
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 170 170\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"170\" height=\"170\" fill=\"#ffffff\"/></svg>"
},
"start": 0,
"length": "end",
"offset": {
"x": 0.257,
"y": -0.154
},
"position": "center",
"transition": {
"in": "fade"
},
"width": 170,
"height": 170
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{WEBSITE}}",
"font": {
"family": "Montserrat SemiBold",
"size": 32,
"weight": 600,
"color": "{{ BLACK }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "center",
"vertical": "middle"
}
},
"start": 0.65,
"length": "end",
"offset": {
"x": 0.116,
"y": -0.432
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 550,
"height": 110
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{S2_DESCRIPTION_3}}",
"font": {
"family": "Montserrat SemiBold",
"size": 22,
"weight": 600,
"color": "{{ WHITE }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
}
},
"start": 0.55,
"length": "end",
"offset": {
"x": 0.336,
"y": -0.355
},
"position": "center",
"transition": {
"in": "slideLeft"
},
"width": 140,
"height": 70
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{S2_DESCRIPTION_2}}",
"font": {
"family": "Montserrat SemiBold",
"size": 22,
"weight": 600,
"color": "{{ WHITE }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
}
},
"start": 0.45,
"length": "end",
"offset": {
"x": 0.036,
"y": -0.355
},
"position": "center",
"transition": {
"in": "slideLeft"
},
"width": 140,
"height": 70
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{S2_DESCRIPTION_1}}",
"font": {
"family": "Montserrat SemiBold",
"size": 22,
"weight": 600,
"color": "{{ WHITE }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "left",
"vertical": "middle"
}
},
"start": 0.4,
"length": "end",
"offset": {
"x": -0.26,
"y": -0.355
},
"position": "center",
"transition": {
"in": "slideLeft"
},
"width": 140,
"height": 70
}
]
},
{
"clips": [
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/d106b2fc-91b0-4d30-ab1e-0016129f7675/source.png"
},
"start": 0.45,
"length": 9.55
},
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 70 70\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"70\" height=\"70\" fill=\"{{ WHITE }}\"/></svg>"
},
"start": 0.45,
"length": "end",
"offset": {
"x": 0.228,
"y": -0.355
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 70,
"height": 70
}
]
},
{
"clips": [
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/b15b6fdf-a042-4daa-a584-31407047bf5f/source.png"
},
"start": 0.45,
"length": 9.55
},
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 70 70\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"70\" height=\"70\" fill=\"{{ WHITE }}\"/></svg>"
},
"start": 0.45,
"length": "end",
"offset": {
"x": -0.074,
"y": -0.355
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 70,
"height": 70
}
]
},
{
"clips": [
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/8b6187a4-5619-4767-9353-3476e8dbd886/source.png"
},
"start": 0.45,
"length": 9.55
},
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 70 70\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"70\" height=\"70\" fill=\"{{ WHITE }}\"/></svg>"
},
"start": 0.45,
"length": "end",
"offset": {
"x": -0.371,
"y": -0.355
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 70,
"height": 70
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "WEBSITE",
"font": {
"family": "Montserrat SemiBold",
"size": 32,
"weight": 600,
"color": "{{ WHITE }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "center",
"vertical": "middle"
}
},
"start": 0.6,
"length": "end",
"offset": {
"x": -0.288,
"y": -0.432
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 250,
"height": 100
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{DESCRIPTION}}",
"font": {
"family": "Montserrat SemiBold",
"size": 70,
"weight": 600,
"color": "{{ WHITE }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "center",
"vertical": "middle"
}
},
"start": 0.35,
"length": "end",
"offset": {
"x": 0,
"y": -0.272
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 850,
"height": 125
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{S1_TITLE}}",
"font": {
"family": "Montserrat SemiBold",
"size": 48,
"weight": 600,
"color": "{{ BLACK }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "center",
"vertical": "middle"
}
},
"start": 0.25,
"length": "end",
"offset": {
"x": 0,
"y": -0.184
},
"position": "center",
"transition": {
"in": "fade"
},
"width": 520,
"height": 100
}
]
},
{
"clips": [
{
"asset": {
"type": "rich-text",
"text": "{{TITLE}}",
"font": {
"family": "Roboto Black",
"size": 107,
"weight": 900,
"color": "{{ WHITE }}",
"opacity": 1
},
"style": {
"letterSpacing": 0,
"wordSpacing": 0,
"lineHeight": 1,
"textTransform": "none",
"textDecoration": "none"
},
"align": {
"horizontal": "center",
"vertical": "middle"
},
"animation": {
"preset": "fadeIn",
"style": "word"
}
},
"start": 0.1,
"length": "end",
"offset": {
"x": 0,
"y": 0.405
},
"position": "center",
"transition": {
"in": "slideRight"
},
"width": 950,
"height": 200
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 280 120\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"280\" height=\"120\" fill=\"#917459\" rx=\"32\" ry=\"32\"/></svg>"
},
"start": 0.58,
"length": "end",
"offset": {
"x": -0.288,
"y": -0.432
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 280,
"height": 120
}
]
},
{
"clips": [
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/6d1b3015-4751-45e6-9f06-d945d568aa6a/source.png"
},
"start": 0.4,
"length": 9.6
},
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 250 110\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"250\" height=\"110\" fill=\"{{ WHITE }}\"/></svg>"
},
"start": 0.4,
"length": "end",
"offset": {
"y": -0.355,
"x": -0.296
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 250,
"height": 110
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 250 110\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"250\" height=\"110\" fill=\"{{ WHITE }}\"/></svg>"
},
"start": 0.45,
"length": "end",
"offset": {
"y": -0.355,
"x": 0.296
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 250,
"height": 110
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/b4ca4219-bc83-47e6-a075-2b77447a8425/source.png"
},
"start": 0.45,
"length": 9.55
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 250 110\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"250\" height=\"110\" fill=\"{{ WHITE }}\"/></svg>"
},
"start": 0.5,
"length": "end",
"offset": {
"y": -0.355,
"x": 0
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 250,
"height": 110
},
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/433d4977-2e15-4a28-904f-69fecfb82edb/source.png"
},
"start": 0.5,
"length": 9.5
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 900 120\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"900\" height=\"120\" fill=\"#ffffff\" rx=\"32\" ry=\"32\"/></svg>"
},
"start": 0.55,
"length": "end",
"offset": {
"x": 0,
"y": -0.432
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 900,
"height": 120
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 900 140\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"900\" height=\"140\" fill=\"{{ Box_COLOR }}\" rx=\"32\" ry=\"32\"/></svg>"
},
"start": 0.3,
"length": "end",
"offset": {
"x": 0,
"y": -0.272
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 900,
"height": 140
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 550 120\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"550\" height=\"120\" fill=\"#ffffff\" rx=\"32\" ry=\"32\"/></svg>"
},
"start": 0.2,
"length": "end",
"offset": {
"x": 0,
"y": -0.185
},
"position": "center",
"transition": {
"in": "fade"
},
"width": 550,
"height": 120
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 1080 650\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"1080\" height=\"650\" fill=\"{{ Element_BACKGROUND_COLOR_2 }}\"/></svg>"
},
"start": 0.2,
"length": "end",
"offset": {
"y": -0.352,
"x": 0
},
"position": "center",
"transition": {
"in": "slideUp"
},
"width": 1080,
"height": 650
}
]
},
{
"clips": [
{
"asset": {
"type": "luma",
"src": "https://templates.shotstack.io/urban-oasis-furnished-home/528a7a71-48fd-425c-917d-557140e15a27/source.png"
},
"start": 0,
"length": 10
},
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 1080 1920\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"1080\" height=\"1920\" fill=\"#000000\"/></svg>"
},
"start": 0,
"length": "end",
"width": 1080,
"height": 1920
}
]
},
{
"clips": [
{
"length": 10,
"asset": {
"type": "video",
"src": "{{ VIDEO_SRC }}",
"volume": 1
},
"start": 0,
"transition": {
"in": "fade"
},
"fit": "contain",
"width": 1080,
"height": 1920,
"offset": {
"x": 0,
"y": 0
}
}
]
},
{
"clips": [
{
"asset": {
"type": "svg",
"src": "<svg viewBox=\"0 0 1080 1920\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"1080\" height=\"1920\" fill=\"{{ BACKGROUND_COLOR }}\"/></svg>"
},
"start": 0,
"length": "end",
"width": 1080,
"height": 1920
}
]
}
]
},
"output": {
"format": "mp4",
"fps": 25,
"size": {
"width": 1080,
"height": 1920
},
"destinations": [
{
"provider": "shotstack"
}
]
},
"merge": [
{
"find": "TITLE",
"replace": "House for Sale"
},
{
"find": "S1_TITLE",
"replace": "SPECIFICATIONS"
},
{
"find": "DESCRIPTION",
"replace": "5,000 SQUARE FEET"
},
{
"find": "S2_DESCRIPTION_1",
"replace": "SIX BEDROOM"
},
{
"find": "S2_DESCRIPTION_2",
"replace": "FIVE BATHROOM"
},
{
"find": "S2_DESCRIPTION_3",
"replace": "INCLUDING FURNITURE"
},
{
"find": "WEBSITE",
"replace": "www.realestatecompany.com"
},
{
"find": "VIDEO_SRC",
"replace": "https://templates.shotstack.io/urban-oasis-furnished-home/1eed2e34-9ee4-45c5-914d-50b0cf3160f3/source.mp4"
},
{
"find": "WHITE",
"replace": "#ffffff"
},
{
"find": "BLACK",
"replace": "#000000"
},
{
"find": "Box_COLOR",
"replace": "#917459"
},
{
"find": "Element_BACKGROUND_COLOR_2",
"replace": "#6b6161"
},
{
"find": "BACKGROUND_COLOR",
"replace": "#aba6a6"
}
]
}Present a stunning modern home with this real estate video template. Perfect for showcasing high-end properties with ample space (5,000 sq ft), modern amenities, and full furnishings. Ideal for agents or developers marketing spacious homes with everything included — perfect for families or professionals looking for a move-in ready property.
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 | 1080 × 1920 (9:16) |
| Length | 10s |
| Frame rate | 25 fps |
| Tracks / clips | 25 / 35 |
| Assets used | 10 luma, 8 rich-text, 16 svg, 1 video |
| Soundtrack | no |
| Merge fields | 13 |
Send a merge array with your values for these fields:
| Field | Default value |
|---|---|
{{ TITLE }} | House for Sale |
{{ S1_TITLE }} | SPECIFICATIONS |
{{ DESCRIPTION }} | 5,000 SQUARE FEET |
{{ S2_DESCRIPTION_1 }} | SIX BEDROOM |
{{ S2_DESCRIPTION_2 }} | FIVE BATHROOM |
{{ S2_DESCRIPTION_3 }} | INCLUDING FURNITURE |
{{ WEBSITE }} | www.realestatecompany.com |
{{ VIDEO_SRC }} | https://templates.shotstack.io/urban-oasis-furnished-home/1eed2e34-9ee4-45c5-914d-50b0cf3160f3/source.mp4 |
{{ WHITE }} | #ffffff |
{{ BLACK }} | #000000 |
{{ Box_COLOR }} | #917459 |
{{ Element_BACKGROUND_COLOR_2 }} | #6b6161 |
{{ BACKGROUND_COLOR }} | #aba6a6 |
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
Loop over your content calendar and keep the feed full without an editor.
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's 13 merge fields. 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
Use the 13 merge fields listed above. Send a merge array with your own values for each field and the API swaps them in at render time, so one template can produce thousands of unique videos.
Yes. It renders vertical 1080×1920 (9:16), the format those platforms expect. Change output.size or output.aspectRatio in the JSON if you also need a square or landscape cut.
Yes. Replace the video asset's src with a public URL of your file (MP4 works best). Use trim and length on the clip to pick the part you want, and the template's effects apply to your footage.
Edit the text on each rich-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.
