AI Marketplace Preview

Scrolling grid of available templates. Swap the templates array (name/category/installs/image), hook and CTA.

Type
Video
Format
Instagram Reel · 9:16
Orientation
Portrait
Duration
16s
Scenes
5
Render cost
$0.004 / render
VariablesData-driven repeat
Open in editor

Free template · opens in the editor, no account required.

Customize AI Marketplace Preview

AI Marketplace Preview is a ready-to-render AI startup video design formatted for Instagram Reel · 9:16 with 5 scenes and support for variables, data-driven repeat. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

12 variables: Every value below is a variable you can override — send them in the variables field of the render request (or edit them in the editor) to generate on-brand versions at scale.

marketNameText
PROMPT MARKET
kickerText
NEW THIS WEEK
hookLine1Text
500+ AI templates.
hookLine2Text
One tap to run.
hookSubText
Browse, remix and ship — no setup required.
outroLine1Text
Your next viral video
outroLine2Text
is already built.
ctaTextText
Browse the marketplace
ctaHandleText
promptmarket.ai
accentColorColor
#6D5CFF
templatesList · 3
rank01
nameProduct Launch Reel
categoryMARKETING
installs12.4k installs
rank02
nameData Story Explainer
categoryANALYTICS
installs9.1k installs
rank03
nameFounder Update Short
categorySTARTUP
installs7.8k installs
musicUrlMedia URL

The exact JSON payload

This is the full render config — POST it to the API, or open it in the editor to tweak.

Open in editor ↗
{
  "name": "ai-marketplace",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#08060F",
  "outputFormat": "mp4",
  "variables": {
    "marketName": "PROMPT MARKET",
    "kicker": "NEW THIS WEEK",
    "hookLine1": "500+ AI templates.",
    "hookLine2": "One tap to run.",
    "hookSub": "Browse, remix and ship — no setup required.",
    "outroLine1": "Your next viral video",
    "outroLine2": "is already built.",
    "ctaText": "Browse the marketplace",
    "ctaHandle": "promptmarket.ai",
    "accentColor": "#6D5CFF",
    "templates": [
      {
        "rank": "01",
        "name": "Product Launch Reel",
        "category": "MARKETING",
        "installs": "12.4k installs",
        "image": "https://images.pexels.com/photos/7135013/pexels-photo-7135013.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
      },
      {
        "rank": "02",
        "name": "Data Story Explainer",
        "category": "ANALYTICS",
        "installs": "9.1k installs",
        "image": "https://images.pexels.com/photos/7307672/pexels-photo-7307672.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
      },
      {
        "rank": "03",
        "name": "Founder Update Short",
        "category": "STARTUP",
        "installs": "7.8k installs",
        "image": "https://images.pexels.com/photos/10072229/pexels-photo-10072229.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
      }
    ],
    "musicUrl": "https://cdn.pixabay.com/audio/2026/02/24/audio_3f375fdf97.mp3"
  },
  "scenes": [
    {
      "id": "hook",
      "duration": 3.8,
      "backgroundColor": "#08060F",
      "transition": "slideup",
      "transitionId": "card",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.8,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='mkHook' cx='0.5' cy='0.35' r='0.95'><stop offset='0' stop-color='#171034'/><stop offset='1' stop-color='#08060F'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#mkHook)'/><rect x='140' y='980' width='240' height='300' rx='24' fill='rgba(109,92,255,0.12)' stroke='rgba(109,92,255,0.4)' stroke-width='1.5'/><rect x='420' y='980' width='240' height='300' rx='24' fill='rgba(109,92,255,0.2)' stroke='rgba(109,92,255,0.5)' stroke-width='1.5'/><rect x='700' y='980' width='240' height='300' rx='24' fill='rgba(109,92,255,0.12)' stroke='rgba(109,92,255,0.4)' stroke-width='1.5'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 320,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "fade",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='display:inline-block; border:1.5px solid rgba(109,92,255,0.6); color:#B7ABFF; border-radius:999px; padding:14px 34px; font-size:23px; font-weight:800; letter-spacing:5px;'>{{marketName}} · {{kicker}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 500,
          "width": 940,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.45,
          "enterEnd": 0.95,
          "enterAnimation": "smoothup",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Outfit"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:86px; line-height:1.02; font-weight:800; letter-spacing:-2px;'>{{hookLine1}}<br>{{hookLine2}}</div><div style='margin-top:24px; text-align:center; color:#A79FCB; font-size:32px; font-weight:500;'>{{hookSub}}</div>"
        }
      ]
    },
    {
      "id": "card",
      "iterate": "templates",
      "iterateAs": "t",
      "duration": 3.4,
      "backgroundColor": "#08060F",
      "transition": "slideup",
      "transitionId": "outro",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{t.image}}",
          "x": 540,
          "y": 620,
          "width": 900,
          "height": 940,
          "anchor": "center-center",
          "zoom": true,
          "radius": {
            "tl": 40,
            "tr": 40,
            "bl": 40,
            "br": 40
          },
          "track": 1,
          "enterBegin": 0,
          "enterEnd": 0.5,
          "enterAnimation": "smoothup",
          "exitEnd": 3.4
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='mkCard' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#08060F'/><stop offset='0.5' stop-color='#100A22'/><stop offset='1' stop-color='#08060F'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#mkCard)'/><rect x='90' y='1180' width='900' height='520' rx='36' fill='rgba(109,92,255,0.06)' stroke='rgba(109,92,255,0.35)' stroke-width='1.5'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 118,
          "y": 150,
          "anchor": "top-left",
          "track": 4,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "circleopen",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#08060F; border-radius:14px; padding:12px 26px; font-size:30px; font-weight:800; letter-spacing:1px;'>{{t.rank}}</div>"
        },
        {
          "type": "TEXT",
          "x": 150,
          "y": 1230,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.45,
          "enterEnd": 0.9,
          "enterAnimation": "smoothleft",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='display:inline-block; border:1.5px solid rgba(109,92,255,0.5); color:#B7ABFF; border-radius:8px; padding:8px 20px; font-size:22px; font-weight:800; letter-spacing:3px;'>{{t.category}}</div>"
        },
        {
          "type": "TEXT",
          "x": 150,
          "y": 1320,
          "width": 780,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.6,
          "enterEnd": 1.05,
          "enterAnimation": "smoothup",
          "exitEnd": 3.4,
          "style": {
            "fontFamily": "Outfit"
          },
          "html": "<div style='color:#FFFFFF; font-size:66px; line-height:1.05; font-weight:800; letter-spacing:-1px;'>{{t.name}}</div><div style='margin-top:20px; color:#948BC0; font-size:30px; font-weight:600;'>▸ {{t.installs}}</div>"
        }
      ]
    },
    {
      "id": "outro",
      "duration": 4,
      "backgroundColor": "#08060F",
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='mkEnd' cx='0.5' cy='0.4' r='0.9'><stop offset='0' stop-color='#1A1140'/><stop offset='1' stop-color='#08060F'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#mkEnd)'/><rect x='420' y='540' width='240' height='160' rx='18' fill='none' stroke='rgba(109,92,255,0.7)' stroke-width='3'/><path d='M480 620 L540 560 L600 620' fill='none' stroke='#6D5CFF' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 820,
          "width": 920,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "enterAnimation": "smoothup",
          "exitEnd": 4,
          "style": {
            "fontFamily": "Outfit"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:74px; line-height:1.06; font-weight:800; letter-spacing:-1px;'>{{outroLine1}}<br>{{outroLine2}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1120,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.7,
          "enterEnd": 1.15,
          "enterAnimation": "circleopen",
          "exitEnd": 4,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#08060F; border-radius:999px; padding:26px 64px; font-size:38px; font-weight:800;'>{{ctaText}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1280,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 1,
          "enterEnd": 1.4,
          "enterAnimation": "fade",
          "exitEnd": 4,
          "style": {
            "fontFamily": "Space Grotesk"
          },
          "html": "<div style='text-align:center; color:#7A72A6; font-size:27px; font-weight:600; letter-spacing:2px;'>{{ctaHandle}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16,
      "track": 0
    }
  ]
}

More AI startup templates

View all ↗

Ready to ship video at scale?

Start free — your first render is only a JSON payload away.