Content creator / social

Did You Know?

Curiosity teaser to big-stat reveal over a starry sky; swap the fact, stat number, source badge toggle and handle.

Type: Video
Format: TikTok · 9:16
Orientation: Portrait
Duration: 15.5s
Scenes: 4
Render cost: $0.00387 / render

VariablesConditional scenesvideo

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

Customize Did You Know?

Did You Know? is a ready-to-render Content creator / social video design formatted for TikTok · 9:16 with 4 scenes and support for variables, conditional scenes, video. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

16 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.

handleText

@cosmos.curios

kickerText

DID YOU KNOW?

teaserText

The number that<br>breaks your brain

teaserSubText

Read this before you scroll on.

factLeadText

There are more

factHeroText

stars

factTailText

in the sky than grains of sand on every beach on Earth.

statNumberText

100 billion

statLabelText

galaxies — and counting

contextText

And each one holds hundreds of billions of stars of its own. The universe is almost unimaginably vast.

showSourceToggle

on

sourceTextText

Source: NASA / ESA estimates

ctaTitleText

Follow for one<br>mind-bending fact a day

starImageMedia URL

pexels-photo-574115.jpeg

heroVideoMedia URL

16998437-hd_1080_1920_30fps.mp4

musicUrlMedia URL

audio_ed6f0ed574.mp3

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": "social-did-you-know",
  "resolution": "tiktok",
  "frameRate": 30,
  "backgroundColor": "#050914",
  "outputFormat": "mp4",
  "variables": {
    "handle": "@cosmos.curios",
    "kicker": "DID YOU KNOW?",
    "teaser": "The number that<br>breaks your brain",
    "teaserSub": "Read this before you scroll on.",
    "factLead": "There are more",
    "factHero": "stars",
    "factTail": "in the sky than grains of sand on every beach on Earth.",
    "statNumber": "100 billion",
    "statLabel": "galaxies — and counting",
    "context": "And each one holds hundreds of billions of stars of its own. The universe is almost unimaginably vast.",
    "showSource": true,
    "sourceText": "Source: NASA / ESA estimates",
    "ctaTitle": "Follow for one<br>mind-bending fact a day",
    "starImage": "https://images.pexels.com/photos/574115/pexels-photo-574115.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
    "heroVideo": "https://videos.pexels.com/video-files/16998437/16998437-hd_1080_1920_30fps.mp4",
    "musicUrl": "https://cdn.pixabay.com/audio/2025/04/21/audio_ed6f0ed574.mp3"
  },
  "scenes": [
    {
      "id": "teaser",
      "duration": 3.6,
      "backgroundColor": "#050914",
      "transition": "circleopen",
      "transitionId": "fact",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "VIDEO",
          "src": "{{heroVideo}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "volume": 0,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3.6
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3.6,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='dykShade' cx='0.5' cy='0.5' r='0.85'><stop offset='0' stop-color='#050914' stop-opacity='0.15'/><stop offset='0.7' stop-color='#050914' stop-opacity='0.6'/><stop offset='1' stop-color='#050914' stop-opacity='0.97'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#dykShade)'/><circle cx='540' cy='860' r='300' fill='none' stroke='rgba(84,214,255,0.35)' stroke-width='1.5'/><circle cx='540' cy='860' r='340' fill='none' stroke='rgba(84,214,255,0.15)' stroke-width='1'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 250,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.2,
          "enterEnd": 0.6,
          "enterAnimation": "fade",
          "exitEnd": 3.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='display:inline-block; padding:14px 34px; border-radius:999px; background:rgba(84,214,255,0.16); border:1.5px solid rgba(84,214,255,0.6); color:#54D6FF; font-size:28px; font-weight:800; letter-spacing:6px;'>{{kicker}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 740,
          "width": 900,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.45,
          "enterEnd": 1,
          "enterAnimation": "smoothup",
          "exitEnd": 3.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:96px; line-height:1.02; font-weight:800; letter-spacing:-3px;'>{{teaser}}</div><div style='margin-top:28px; text-align:center; color:#9FB4D6; font-size:32px; font-weight:500;'>{{teaserSub}}</div>"
        }
      ]
    },
    {
      "id": "fact",
      "duration": 5,
      "backgroundColor": "#050914",
      "transition": "smoothup",
      "transitionId": "stat",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{starImage}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "zoom": true,
          "opacity": 0.35,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 5
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 5,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='dykFact' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#050914' stop-opacity='0.85'/><stop offset='0.5' stop-color='#050914' stop-opacity='0.5'/><stop offset='1' stop-color='#050914' stop-opacity='0.95'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#dykFact)'/><rect x='90' y='1560' width='150' height='8' rx='4' fill='#54D6FF'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 640,
          "width": 900,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.3,
          "enterEnd": 0.85,
          "enterAnimation": "smoothup",
          "exitEnd": 5,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='color:#DCE6F5; font-size:60px; line-height:1.18; font-weight:600;'>{{factLead}} <span style='color:#54D6FF; font-weight:800;'>{{factHero}}</span> {{factTail}}</div>"
        },
        {
          "type": "TEXT",
          "x": 90,
          "y": 1610,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0,
          "exitEnd": 5,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='color:rgba(159,180,214,0.7); font-size:26px; font-weight:700; letter-spacing:4px;'>{{handle}}</div>"
        }
      ]
    },
    {
      "id": "stat",
      "duration": 4.6,
      "backgroundColor": "#050914",
      "transition": "fade",
      "transitionId": "cta",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 4.6,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='dykStat' cx='0.5' cy='0.36' r='0.9'><stop offset='0' stop-color='#0B1834'/><stop offset='1' stop-color='#050914'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#dykStat)'/><circle cx='540' cy='620' r='230' fill='none' stroke='rgba(84,214,255,0.4)' stroke-width='2'/><circle cx='540' cy='620' r='268' fill='none' stroke='rgba(84,214,255,0.15)' stroke-width='1.5'/><rect x='300' y='1100' width='480' height='1.5' fill='rgba(255,255,255,0.18)'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 620,
          "anchor": "center-center",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.7,
          "enterAnimation": "circleopen",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='text-align:center; color:#54D6FF; font-size:150px; line-height:0.9; font-weight:800; letter-spacing:-5px;'>{{statNumber}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 900,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.55,
          "enterEnd": 0.95,
          "enterAnimation": "smoothup",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='text-align:center; color:#9FB4D6; font-size:34px; font-weight:700; letter-spacing:3px;'>{{statLabel}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1180,
          "width": 880,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.75,
          "enterEnd": 1.2,
          "enterAnimation": "fade",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='text-align:center; color:#C6D3E8; font-size:36px; line-height:1.45; font-weight:500;'>{{context}}</div>"
        },
        {
          "type": "TEXT",
          "condition": "{{showSource}}",
          "x": 540,
          "y": 1720,
          "anchor": "top-center",
          "track": 4,
          "enterBegin": 1.1,
          "enterEnd": 1.5,
          "enterAnimation": "fade",
          "exitEnd": 4.6,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='display:inline-block; border:1.5px solid rgba(159,180,214,0.4); color:#9FB4D6; border-radius:999px; padding:12px 30px; font-size:24px; font-weight:600; letter-spacing:2px;'>{{sourceText}}</div>"
        }
      ]
    },
    {
      "id": "cta",
      "duration": 3.8,
      "backgroundColor": "#050914",
      "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='dykCta' cx='0.5' cy='0.42' r='0.9'><stop offset='0' stop-color='#0C1A38'/><stop offset='1' stop-color='#050914'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#dykCta)'/><path d='M540 560 l30 92 h96 l-78 58 30 92 -78 -58 -78 58 30 -92 -78 -58 h96 z' fill='#54D6FF'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 820,
          "width": 920,
          "anchor": "top-center",
          "track": 1,
          "enterBegin": 0.25,
          "enterEnd": 0.75,
          "enterAnimation": "smoothup",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:76px; line-height:1.08; font-weight:800; letter-spacing:-2px;'>{{ctaTitle}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1150,
          "anchor": "top-center",
          "track": 2,
          "enterBegin": 0.7,
          "enterEnd": 1.1,
          "enterAnimation": "circleopen",
          "exitEnd": 3.8,
          "style": {
            "fontFamily": "Sora"
          },
          "html": "<div style='display:inline-block; background:#54D6FF; color:#050914; border-radius:999px; padding:26px 64px; font-size:38px; font-weight:800;'>{{handle}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.16,
      "track": 0
    }
  ]
}

More Content creator / social templates

Fact of the Day

Fact of the Day

Content creator / social$0.00428

Quote Video

Content creator / social$0.0032

Quote Video

Content creator / social$0.00295

Fact of the Day

Fact of the Day

Content creator / social$0.00275

Tips Carousel

Content creator / social$0.0041

News Summary

Content creator / social$0.00313

Listicle Countdown

Listicle Countdown

Content creator / social$0.00439

Motivational Reel

Motivational Reel

Content creator / social$0.00315

Subtitled Clip

Content creator / social$0.00287

Podcast Clip

Content creator / social$0.0028

Ready to ship video at scale?

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

Explore the API ↗