Captions
Configurable word-timed captions with named presets, exact positioning, optional highlighting, automatic phrase limits and semantic word styles.
See technical details
What the spec changes without touching props
These live on the overlay, not in this template. They are renderer-provided, so they behave the same here as on every other template.
regionWhere it sits. One of the 12 named boxes, or your own
{ "x": 62, "y": 12, "w": 34, "h": 42 }in percent of the frame. This template is designed aroundcaption-zone, which is what it uses when the spec says nothing.fullscreentop-bannerlower-thirdupper-thirdcaption-zoneleft-panelright-panelcentercorner-tlcorner-trcorner-blcorner-brscaleUniform size inside the resolved region,
0.25to2. Props that size the artwork stay relative to the region box, soscaleis how an overlay grows past it.timeWhen it lives:
start,duration, or theappear+holdpair (entrance length plus how long the finished overlay stays). Seconds (3s), percentages (66%) and negative seconds from the end (-2s) are all valid.motionObject motion, applied to the element itself so nothing is cropped or zoomed. Unset here, so add
{ "style": "shake" }(orwobble,float,sway-3d) withamount(0..1) and its owntimewindow, or one of theskew-*sweeps for a single slow turn into a perspective keystone. Pass an array to stack several.shakewobblefloatsway-3dskew-rightskew-leftskew-upskew-downnoneenterRenderer-owned entrance, 0.6s, identical on every template. It stacks with whatever entrance the template already runs, so set the template's own entrance prop to
nonewhen you drive it from here.slide-leftslide-rightspringmaskexitHow it leaves:
blur-outmelts it away,fade-downdrifts down,shrinkscales to center (0.9s each),vanishpops it out of existence in 0.45s. Set one and the template's own fade steps aside.blur-outfade-downshrinkvanishcameraMoves the region's VIEWPORT rather than the element:
push-in,pull-out, thepan-*family,handheld. Its own transform layer, so it stacks withmotion,enter,exitandscale.soundPer-overlay override of the spec's sound block:
enabled,volume, and asoundsmap that remaps one cue by name ({ "pop": "ding" }, a path to your own file, orfalseto mute just that cue). The map is keyed by CUE, so remappingpopalso changes anexit: "vanish", which firespoptoo. To change only this template's own sound, use itssfxprop instead. Core palette:click,pop,whoosh,ding,typewriter.All 45 premade cues
popbubbletickdingwhooshkeyboard-typing-naturalmouse-click-pressmouse-click-releasetypewriter-scissor-metallic-lowtypewriter-scissor-metallic-basstypewriter-scissor-metallic-subtypewriter-scissor-metallictypewriter-scissor-lowtypewriter-scissor-deeptypewriter-laptoptypewriter-chiclettypewriter-scissortypewritertypewriter-softtypewriter-mechanicaltypewriter-digitaltypewriter-heavytypewriter-thocktypewriter-steeltypewriter-slamtypewriter-buttontypewriter-switchtypewriter-keycapclickclick-crispclick-roundclick-glasstogglesuccesserrornotificationsparkleswoopriserimpactglitchshutterswipedropdisplay
Copy and customize
This exact spec drives the preview. Replace media paths and props with your own.
{
"theme": "<your-brand-tokens>",
"version": 1,
"format": "square",
"fps": 60,
"durationSec": 7,
"source": {
"type": "video",
"src": "your-footage.mp4"
},
"sound": {
"enabled": true,
"volume": 1,
"sounds": {}
},
"overlays": [
{
"template": "caption-classic",
"region": "caption-zone",
"time": {},
"props": {
"preset": "classic",
"grouping": {
"mode": "auto",
"targetWords": 5,
"maxWords": 8,
"maxLines": 2,
"maxCharactersPerLine": 32
},
"layout": {
"textAlign": "center",
"verticalAlign": "center"
},
"highlight": {
"mode": "word",
"duringGaps": "none",
"badgeMarginX": 6
},
"appearance": {
"mode": "instant",
"durationSec": 0.18,
"distance": 18,
"staggerSec": 0.07
},
"styles": {
"buzzword": {
"fontRole": "serif",
"fontWeight": 800
},
"words": {
"pop": {
"colorRole": "accent",
"fontWeight": 900,
"scale": 1.12
},
"outline": {
"strokeWidth": 16,
"strokeColorRole": "primary"
},
"deep": {
"extrude": {
"x": 6,
"y": 8,
"color": "primary"
}
},
"quote": {
"fontRole": "serif",
"fontStyle": "italic"
}
}
},
"track": {
"timebase": "composition",
"language": "en",
"cues": [
{
"start": 0,
"end": 2.4,
"words": [
{
"text": "Every",
"start": 0,
"end": 0.35
},
{
"text": "word",
"start": 0.35,
"end": 0.75,
"marks": [
"pop"
]
},
{
"text": "can",
"start": 0.75,
"end": 1
},
{
"text": "carry",
"start": 1,
"end": 1.4,
"marks": [
"outline"
]
},
{
"text": "its",
"start": 1.4,
"end": 1.6
},
{
"text": "own",
"start": 1.6,
"end": 1.95,
"marks": [
"deep"
]
},
{
"text": "look",
"start": 1.95,
"end": 2.4,
"marks": [
"quote"
]
}
]
},
{
"start": 2.6,
"end": 4.8,
"words": [
{
"text": "Name",
"start": 2.6,
"end": 2.95
},
{
"text": "a",
"start": 2.95,
"end": 3.05
},
{
"text": "style",
"start": 3.05,
"end": 3.45,
"marks": [
"pop"
]
},
{
"text": "once,",
"start": 3.45,
"end": 3.85
},
{
"text": "reuse",
"start": 3.85,
"end": 4.25,
"marks": [
"pop"
]
},
{
"text": "it",
"start": 4.25,
"end": 4.45
},
{
"text": "anywhere",
"start": 4.45,
"end": 4.8,
"marks": [
"pop"
]
}
]
},
{
"start": 5,
"end": 7,
"words": [
{
"text": "Marks",
"start": 5,
"end": 5.4,
"marks": [
"buzzword"
]
},
{
"text": "stack,",
"start": 5.4,
"end": 5.85,
"marks": [
"pop",
"outline"
]
},
{
"text": "so",
"start": 5.85,
"end": 6.1
},
{
"text": "looks",
"start": 6.1,
"end": 6.5
},
{
"text": "combine",
"start": 6.5,
"end": 7,
"marks": [
"deep",
"quote"
]
}
]
}
]
}
}
}
]
}