shottower

Featured templates

Kinetic text

Official example

{
    "timeline": {
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Create</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 0.096,
                        "length": 0.6,
                        "transition": {
                            "in": "zoom"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>videos</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 0.72,
                        "length": 0.62
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>using</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 1.38,
                        "length": 0.22
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>using html</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 1.64,
                        "length": 0.31
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>using html and</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 1.99,
                        "length": 0.26
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>using html and css</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 2.29,
                        "length": 0.31
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>with</p>",
                            "css": "p { font-family: \"Lato\"; color: #000000; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 2.64,
                        "length": 0.56,
                        "transition": {
                            "in": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>the</p>",
                            "css": "p { font-family: \"Lato\"; color: #000000; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 3.24,
                        "length": 0.68
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Shotstack</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 34px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 3.98,
                        "length": 0.54,
                        "effect": "zoomIn"
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>API</p>",
                            "css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 4.56,
                        "length": 0.6,
                        "transition": {
                            "in": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>AP</p>",
                            "css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 5.2,
                        "length": 0.04
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>I</p>",
                            "css": "p { font-family: \"Lato\"; color: #000000; font-size: 38px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 5.28,
                        "length": 0.04
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>use</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 5.36,
                        "length": 0.22
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>your</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 5.62,
                        "length": 0.22
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>own</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 5.86,
                        "length": 0.22
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>font</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 6.12,
                        "length": 0.2
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><span style='font-family: \"Permanent Marker\"; font-size: 38px;'>font</span></p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 6.36,
                        "length": 0.26
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>and</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 6.66,
                        "length": 0.3
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>add</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 7,
                        "length": 0.46
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><span style=\"color: #25d3d0;\">color</span></p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 7.5,
                        "length": 0.3
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><span style=\"color: #25d3d0;\">color</span> and</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 7.84,
                        "length": 0.4
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><span style=\"color: #fc73b4;\">color</span> and <i>style</i></span></p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 8.28,
                        "length": 0.38
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><span style=\"color: #fc73b4;\">color</span> and <i><u>style</u></i></p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 8.7,
                        "length": 0.38
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>to</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 9.12,
                        "length": 0.62
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>one</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 9.78,
                        "length": 0.58
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><s>one</s> ten</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 10.4,
                        "length": 0.26
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><s>one</s> <s>ten</s> hundreds</p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 10.7,
                        "length": 0.26
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><s>one</s> <s>ten</s> <s>hundreds</s> <span style=\"color: #000000;\">thousands</span></p>",
                            "css": "p { font-family: \"Lato\"; color: #ffffff; font-size: 32px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 11,
                        "length": 0.58
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>of</p>",
                            "css": "p { font-family: \"Lato\"; color: #000000; font-size: 34px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 11.62,
                        "length": 0.18
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>videos</p>",
                            "css": "p { font-family: \"Lato\"; color: #000000; font-size: 34px; text-align: center; font-weight: bold;    }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 11.84,
                        "length": 1,
                        "effect": "zoomIn",
                        "transition": {
                            "out": "zoom"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1024,
                            "height": 576,
                            "background": "#ffffff"
                        },
                        "start": 2.64,
                        "length": 1.32
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1024,
                            "height": 576,
                            "background": "#ffffff"
                        },
                        "start": 4.56,
                        "length": 0.76
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1024,
                            "height": 576,
                            "background": "#25d3d0"
                        },
                        "start": 9.12,
                        "length": 2.46
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1024,
                            "height": 576,
                            "background": "#fc73b4"
                        },
                        "start": 11.62,
                        "length": 1.22
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/branding/logo-reverse.png"
                        },
                        "start": 12.88,
                        "length": 4,
                        "fit": "none",
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            }
        ],
        "fonts": [
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Lato-Bold.ttf"
            },
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/IndieFlower-Regular.ttf"
            },
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/PermanentMarker-Regular.ttf"
            }
        ],
        "background": "#000000",
        "soundtrack": {
            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/private/stomp.wav",
            "effect": "fadeOut"
        }
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}

Car dealer slideshow

Official example

{
    "timeline": {
        "soundtrack": {
            "src": "https://feeds.soundcloud.com/stream/276613373-unminus-kring.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-regular.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-bold.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-black.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>2021</p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #ffffff; black; font-size: 160px; text-align: right; }",
                            "width": 450,
                            "height": 180
                        },
                        "start": 0,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.08,
                            "y": 0.12
                        },
                        "transition": {
                            "in": "slideUpFast",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>MERCEDES-BENZ</p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #ffffff; font-size: 80px; text-align: left; }",
                            "width": 1100,
                            "height": 100
                        },
                        "start": 0.5,
                        "length": 3.5,
                        "offset": {
                            "x": 0.12,
                            "y": 0.15
                        },
                        "transition": {
                            "in": "slideUpFast",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>A-CLASS A-180 AUTO</p>",
                            "css": "p { font-family: 'Montserrat'; color: #ffffff; font-size: 60px; text-align: left; }",
                            "width": 1100,
                            "height": 100
                        },
                        "start": 1,
                        "length": 3,
                        "offset": {
                            "x": 0.12,
                            "y": 0.08
                        },
                        "transition": {
                            "in": "slideUpFast",
                            "out": "slideDown"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>DEALER | USED | QUEENSLAND, 4029</p>",
                            "css": "p { font-family: 'Montserrat'; color: #ffffff; font-size: 32px; text-align: left; }",
                            "width": 1100,
                            "height": 80
                        },
                        "start": 1.2,
                        "length": 2.8,
                        "offset": {
                            "x": 0.12
                        },
                        "transition": {
                            "in": "slideUpFast",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1920,
                            "height": 1080,
                            "background": "#cc140f28"
                        },
                        "start": 0,
                        "length": 4,
                        "transition": {
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-down-45.mp4"
                        },
                        "start": 4,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9513395/pexels-photo-9513395.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 0,
                        "length": 5,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>48,364<span> KMS</span><br><span>4CYL 2.0L TURBO PETROL</span></p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #ffffff; font-size: 90px; text-align: left; } span { font-family: 'Montserrat'; font-size: 40px; }",
                            "width": 600,
                            "height": 300
                        },
                        "start": 5,
                        "length": 5,
                        "position": "left",
                        "offset": {
                            "x": 0.1
                        },
                        "transition": {
                            "in": "slideDownFast",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 100,
                            "height": 600,
                            "background": "#d96657"
                        },
                        "start": 5,
                        "length": 5,
                        "position": "left",
                        "transition": {
                            "in": "carouselDown",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9513355/pexels-photo-9513355.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 5.7,
                        "length": 4.3,
                        "fit": "none",
                        "position": "right",
                        "scale": 0.5,
                        "offset": {
                            "x": -0.05
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1920,
                            "height": 1080,
                            "background": "#cc140f28"
                        },
                        "start": 5,
                        "length": 5,
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-up-45.mp4"
                        },
                        "start": 9,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9513355/pexels-photo-9513355.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 4,
                        "length": 6,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-left-45.mp4"
                        },
                        "start": 11,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9513404/pexels-photo-9513404.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 9,
                        "length": 3,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 50,
                            "height": 300,
                            "background": "#d96657"
                        },
                        "start": 11.5,
                        "length": 5.5,
                        "position": "left",
                        "transition": {
                            "in": "carouselDown",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>INTERIOR</p><p class='subtext'>White Nappa leather, front heated seats, 4 door, 5 seats.</p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #ffffff; font-size: 60px; text-align: left; } .subtext { font-family: 'Montserrat'; color: #ffffff; font-size: 36px; text-align: left;}",
                            "width": 800,
                            "height": 600
                        },
                        "start": 11.5,
                        "length": 5.5,
                        "position": "left",
                        "offset": {
                            "x": 0.1
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>INTERIOR</p><p class='subtext'>White Nappa leather, front heated seats, 4 door, 5 seats.</p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #aa222222; font-size: 60px; text-align: left; } .subtext { font-family: 'Montserrat'; color: #aa222222; font-size: 36px; text-align: left;}",
                            "width": 800,
                            "height": 600
                        },
                        "start": 11.5,
                        "length": 5.5,
                        "position": "left",
                        "offset": {
                            "x": 0.101,
                            "y": -0.001
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-right-45.mp4"
                        },
                        "start": 17,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9513356/pexels-photo-9513356.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 11,
                        "length": 7,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-down-45.mp4"
                        },
                        "start": 20,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9265832/pexels-photo-9265832.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 17,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 50,
                            "height": 300,
                            "background": "#d96657"
                        },
                        "start": 21,
                        "length": 4,
                        "position": "left",
                        "transition": {
                            "in": "carouselDown",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>UPGRADES</p><p class='subtext'>Harmon Kardon sound system, Keyless Go, 360 surround view camera, rain sensing wipers.</p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #ffffff; font-size: 60px; text-align: left; } .subtext { font-family: 'Montserrat'; color: #ffffff; font-size: 36px; text-align: left;}",
                            "width": 800,
                            "height": 600
                        },
                        "start": 21,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.1
                        },
                        "transition": {
                            "in": "slideDown",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>UPGRADES</p><p class='subtext'>Harmon Kardon sound system, Keyless Go, 360 surround view camera, rain sensing wipers.</p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #aa222222; font-size: 60px; text-align: left; } .subtext { font-family: 'Montserrat'; color: #aa222222; font-size: 36px; text-align: left;}",
                            "width": 800,
                            "height": 600
                        },
                        "start": 21,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.101,
                            "y": -0.001
                        },
                        "transition": {
                            "in": "slideDown",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-up-45.mp4"
                        },
                        "start": 25,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9513392/pexels-photo-9513392.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 20,
                        "length": 6,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>$46,990<br><span>inlcuding taxes and registration</span></p>",
                            "css": "p { font-family: 'Montserrat Black'; color: #ffffff; font-size: 150px;} span { font-family: 'Montserrat'; font-size: 36px; }",
                            "width": 1000,
                            "height": 300
                        },
                        "start": 28,
                        "length": 3,
                        "transition": {
                            "in": "slideDownFast",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "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": {
                            "y": 0.1
                        },
                        "transition": {
                            "in": "slideUp"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>carmart.co</p>",
                            "css": "p { font-family: 'Montserrat'; color: #ffffff; font-size: 40px; }",
                            "width": 800,
                            "height": 100
                        },
                        "start": 31,
                        "length": 5,
                        "offset": {
                            "y": -0.2
                        },
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1920,
                            "height": 1080,
                            "background": "#cc140f28"
                        },
                        "start": 27,
                        "length": 6.5,
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/9265834/pexels-photo-9265834.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 25,
                        "length": 8,
                        "effect": "zoomIn",
                        "transition": {
                            "out": "fade"
                        }
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "1080"
    }
}

Real estate slideshow

Official example

{
    "timeline": {
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>192 STOREY STREET</p>",
                            "css": "p { font-family: \"Manrope ExtraBold\"; color: #f0c20c; font-size: 40px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 200,
                            "position": "bottom"
                        },
                        "start": 1.2,
                        "length": 4.2,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": 0.3
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>MAROUBRA, NSW 2035</p>",
                            "css": "p { font-family: \"Manrope Light\"; color: #ffffff; font-size: 22px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 66,
                            "position": "top"
                        },
                        "start": 1.3,
                        "length": 3.9,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": 0.065
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>AUCTION</p>",
                            "css": "p { font-family: \"Manrope ExtraBold\"; color: #f0c20c; font-size: 22px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 100,
                            "position": "top"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": -0.24
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>HOUSE</p>",
                            "css": "p { font-family: \"Manrope Light\"; color: #ffffff; font-size: 17px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 32,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": -0.08
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/bed.png"
                        },
                        "start": 1.4,
                        "length": 4,
                        "fit": "none",
                        "position": "left",
                        "offset": {
                            "x": 0.055,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/bath.png"
                        },
                        "start": 1.4,
                        "length": 4,
                        "fit": "none",
                        "position": "left",
                        "offset": {
                            "x": 0.13,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/car.png"
                        },
                        "start": 1.4,
                        "length": 4,
                        "fit": "none",
                        "position": "left",
                        "offset": {
                            "x": 0.205,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>4</p>",
                            "css": "p { font-family: \"Manrope ExtraBold\"; color: #ffffff; font-size: 18px; text-align: left;     }",
                            "width": 36,
                            "height": 26,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.09,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>2</p>",
                            "css": "p { font-family: \"Manrope ExtraBold\"; color: #ffffff; font-size: 18px; text-align: left;     }",
                            "width": 36,
                            "height": 26,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.165,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>1</p>",
                            "css": "p { font-family: \"Manrope ExtraBold\"; color: #ffffff; font-size: 18px; text-align: left;     }",
                            "width": 36,
                            "height": 26,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.24,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/luma-mattes/circle.jpg"
                        },
                        "start": 30,
                        "length": 6
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/real-estate-agent-male.jpg"
                        },
                        "start": 30,
                        "length": 6,
                        "fit": "none",
                        "scale": 0.4,
                        "offset": {
                            "x": 0,
                            "y": 0.22
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>JEREMY SIMPSON</p>",
                            "css": "p { font-family: \"Manrope ExtraBold\"; color: #f0c20c; font-size: 26px; text-align: center;     }",
                            "width": 600,
                            "height": 36,
                            "position": "center"
                        },
                        "start": 30,
                        "length": 6,
                        "offset": {
                            "x": 0,
                            "y": 0.045
                        },
                        "transition": {
                            "in": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>0424 998 776<br>jeremy@blockrealestate.co</p>",
                            "css": "p { font-family: \"Manrope Light\"; color: #ffffff; font-size: 18px; text-align: center;     }",
                            "width": 600,
                            "height": 64,
                            "position": "center"
                        },
                        "start": 30,
                        "length": 6,
                        "offset": {
                            "x": 0,
                            "y": -0.24
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/logos/real-estate-white.png"
                        },
                        "start": 30,
                        "length": 6,
                        "fit": "none",
                        "scale": 0.26,
                        "offset": {
                            "x": 0,
                            "y": -0.08
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-left-in.mov"
                        },
                        "start": 0,
                        "length": 4.48
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-left-out.mov"
                        },
                        "start": 4.52,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/transition-right.mov"
                        },
                        "start": 10.56,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/transition-up.mov"
                        },
                        "start": 16.56,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/transition-left.mov"
                        },
                        "start": 22.56,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/outro-in.mov"
                        },
                        "start": 29,
                        "length": 7
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate1.jpg"
                        },
                        "start": 0,
                        "length": 6,
                        "effect": "zoomInSlow",
                        "transition": {
                            "in": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate2.jpg"
                        },
                        "start": 6,
                        "length": 6,
                        "effect": "slideLeftSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate3.jpg"
                        },
                        "start": 12,
                        "length": 6,
                        "effect": "slideRightSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate4.jpg"
                        },
                        "start": 18,
                        "length": 6,
                        "effect": "slideUpSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate5.jpg"
                        },
                        "start": 24,
                        "length": 6,
                        "effect": "slideLeftSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate1.jpg"
                        },
                        "start": 30,
                        "length": 6,
                        "effect": "zoomInSlow"
                    }
                ]
            }
        ],
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/manrope-extrabold.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/manrope-light.ttf"
            }
        ],
        "soundtrack": {
            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/music/unminus/ambisax.mp3",
            "effect": "fadeOut"
        }
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}

Hotel review slideshow

Official example

{
    "timeline": {
        "soundtrack": {
            "src": "https://feeds.soundcloud.com/stream/1038044245-unminus-waveform.mp3"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/quicksand-regular.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/quicksand-bold.ttf"
            }
        ],
        "background": "#000000",
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Grand Pacific Hotel</p>",
                            "css": "p { font-family: 'Quicksand'; color: #ffffff; font-weight: bold; font-size: 60px; text-align: center; }",
                            "width": 1200,
                            "height": 600
                        },
                        "start": 0,
                        "length": 4,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "slideUp",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Grand Pacific Hotel</p>",
                            "css": "p { font-family: 'Quicksand'; color: #CC000000; font-weight: bold; font-size: 60px; text-align: center; }",
                            "width": 1200,
                            "height": 600
                        },
                        "start": 0,
                        "length": 4,
                        "effect": "zoomIn",
                        "filter": "blur",
                        "transition": {
                            "in": "slideUp",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-down-45.mp4"
                        },
                        "start": 4,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://cdn.pixabay.com/photo/2018/10/28/10/52/imatra-3778397_960_720.jpg"
                        },
                        "start": 0,
                        "length": 5,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"The room was clean and the breakfast is good\"</p> <br> <span>Kim, Thailand</span>",
                            "css": "p { font-family: 'Quicksand'; color: #ffffff; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #ffffff; font-size: 36px; text-align: center;}",
                            "width": 1400,
                            "height": 600
                        },
                        "start": 5,
                        "length": 3,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "slideDown",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"The room was clean and the breakfast is good\"</p> <br> <span>Kim, Thailand</span>",
                            "css": "p { font-family: 'Quicksand'; color: #CC000000; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #CC000000; font-size: 36px; text-align: center;}",
                            "width": 1400,
                            "height": 600
                        },
                        "start": 5,
                        "length": 3,
                        "effect": "zoomIn",
                        "filter": "blur",
                        "transition": {
                            "in": "slideDown",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-up-45.mp4"
                        },
                        "start": 8,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/262048/pexels-photo-262048.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 4,
                        "length": 5,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-left-45.mp4"
                        },
                        "start": 10,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/2789328/pexels-photo-2789328.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 8,
                        "length": 3,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"Staff were very accommodating\"</p> <br> <span>Charles, Australia</span>",
                            "css": "p { font-family: 'Quicksand'; color: #ffffff; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #ffffff; font-size: 36px; text-align: center;}",
                            "width": 1400,
                            "height": 600
                        },
                        "start": 11,
                        "length": 3,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"Staff were very accommodating\"</p> <br> <span>Charles, Australia</span>",
                            "css": "p { font-family: 'Quicksand'; color: #CC000000; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #CC000000; font-size: 36px; text-align: center;}",
                            "width": 1400,
                            "height": 600,
                            "background": "transparent"
                        },
                        "start": 11,
                        "length": 3,
                        "effect": "zoomIn",
                        "filter": "blur",
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-right-45.mp4"
                        },
                        "start": 14,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/2696064/pexels-photo-2696064.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 10,
                        "length": 6,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-down-45.mp4"
                        },
                        "start": 16,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/3771087/pexels-photo-3771087.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 14,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"Highly recommended. I would definitely stay here again!\"</p> <br> <span>Gabe, United Kingdom</span>",
                            "css": "p { font-family: 'Quicksand'; color: #ffffff; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #ffffff; font-size: 36px; text-align: center; }",
                            "width": 1400,
                            "height": 600
                        },
                        "start": 17,
                        "length": 3,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "slideDown",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"Highly recommended. I would definitely stay here again!\"</p> <br> <span>Gabe, United Kingdom</span>",
                            "css": "p { font-family: 'Quicksand'; color: #CC000000; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #CC000000; font-size: 36px; text-align: center; }",
                            "width": 1400,
                            "height": 600
                        },
                        "start": 17,
                        "length": 3,
                        "effect": "zoomIn",
                        "filter": "blur",
                        "transition": {
                            "in": "slideDown",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-up-45.mp4"
                        },
                        "start": 20,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/6394711/pexels-photo-6394711.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
                        },
                        "start": 16,
                        "length": 6,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-left-45.mp4"
                        },
                        "start": 22,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://cdn.pixabay.com/photo/2018/11/09/13/00/furniture-3804535_960_720.jpg"
                        },
                        "start": 20,
                        "length": 3,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"Great experience. Strongly recommended\"</p> <br> <span>Peter, United States</span>",
                            "css": "p { font-family: 'Quicksand'; color: #ffffff; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #ffffff; font-size: 36px; text-align: center; }",
                            "width": 1400,
                            "height": 600
                        },
                        "start": 23,
                        "length": 3,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>\"Great experience. Strongly recommended\"</p> <br> <span>Peter, United States</span>",
                            "css": "p { font-family: 'Quicksand'; color: #CC000000; font-weight: bold; font-size: 60px; text-align: center; } span {font-family: 'Quicksand'; color: #CC000000; font-size: 36px; text-align: center; }",
                            "width": 1400,
                            "height": 600
                        },
                        "start": 23,
                        "length": 3,
                        "effect": "zoomIn",
                        "filter": "blur",
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/double-arrow/double-arrow-up-45.mp4"
                        },
                        "start": 25,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://cdn.pixabay.com/photo/2016/11/14/02/28/apartment-1822409_960_720.jpg"
                        },
                        "start": 22,
                        "length": 5,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Book Now</p>",
                            "css": "p { font-family: 'Quicksand'; color: #ffffff; font-weight: bold; font-size: 72px; text-align: center; }",
                            "width": 800,
                            "height": 200
                        },
                        "start": 25.8,
                        "length": 4.2,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Book Now</p>",
                            "css": "p { font-family: 'Quicksand'; color: #CC000000; font-weight: bold; font-size: 72px; text-align: center; }",
                            "width": 800,
                            "height": 200
                        },
                        "start": 25.8,
                        "length": 4.2,
                        "effect": "zoomIn",
                        "filter": "blur",
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "1080"
    }
}

Informative news summary

Official example

{
    "merge": [
        {
            "find": "LOWER_THIRD_PANEL",
            "replace": "https://templates.shotstack.io/basic/asset/image/overlay/slanted-panel-cyan-highlite.png"
        },
        {
            "find": "HIGHLITE_COLOR",
            "replace": "#00f4e9"
        }
    ],
    "timeline": {
        "soundtrack": {
            "src": "https://assets.mixkit.co/music/download/mixkit-driving-ambition-32.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/roboto-bold.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>It's estimated global temperatures will rise <u>1.5 degrees Celcius</u> in the next 2 decades.</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: #ffffff; font-size: 46px; text-align: left;} u { color: ; text-decoration: none; }",
                            "width": 960,
                            "height": 120
                        },
                        "start": 0.5,
                        "length": 4.5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.03,
                            "y": 0.135
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>The last <u>10 years</u> have been the warmest on record.</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: #ffffff; font-size: 46px; text-align: left; } u { color: ; text-decoration: none; }",
                            "width": 960,
                            "height": 120
                        },
                        "start": 5.5,
                        "length": 4.5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.03,
                            "y": 0.135
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>More than <u>1 million</u> species are at risk of extinction by climate change.</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: #ffffff; font-size: 46px; text-align: left; } u { color: ; text-decoration: none; }",
                            "width": 960,
                            "height": 120
                        },
                        "start": 10.5,
                        "length": 4.5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.03,
                            "y": 0.135
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Climate change is <u>detrimental to human life</u> and it's already happening.</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: #ffffff; font-size: 46px; text-align: left; } u { color: ; text-decoration: none; }",
                            "width": 960,
                            "height": 120
                        },
                        "start": 15.5,
                        "length": 4.5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.03,
                            "y": 0.135
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Many world leaders still aren't taking it <u>seriously</u>.</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: #ffffff; font-size: 44px; text-align: left; } u { color: ; text-decoration: none; }",
                            "width": 960,
                            "height": 120
                        },
                        "start": 20.5,
                        "length": 4.5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.03,
                            "y": 0.135
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>LIKE</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: ; font-size: 44px; text-align: center;}",
                            "width": 800,
                            "height": 200
                        },
                        "start": 25.5,
                        "length": 0.8,
                        "transition": {
                            "in": "slideDown",
                            "out": "slideDown"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>COMMENT</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: ; font-size: 44px; text-align: center; }",
                            "width": 800,
                            "height": 200
                        },
                        "start": 26.3,
                        "length": 0.8,
                        "transition": {
                            "in": "slideDown",
                            "out": "slideDown"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>SHARE</p>",
                            "css": "p { font-family: 'Roboto'; font-weight: bold; color: ; font-size: 44px; text-align: center; margin: 50px;}",
                            "width": 800,
                            "height": 200
                        },
                        "start": 27.1,
                        "length": 0.8,
                        "transition": {
                            "in": "slideDown",
                            "out": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "scale": 0.24,
                        "position": "bottomLeft",
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        },
                        "offset": {
                            "y": 0.1
                        },
                        "start": 0,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "scale": 0.25,
                        "position": "bottomLeft",
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        },
                        "offset": {
                            "y": 0.1
                        },
                        "start": 5,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "scale": 0.25,
                        "position": "bottomLeft",
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        },
                        "offset": {
                            "y": 0.1
                        },
                        "start": 10,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "scale": 0.25,
                        "position": "bottomLeft",
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        },
                        "offset": {
                            "y": 0.1
                        },
                        "start": 15,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "scale": 0.25,
                        "position": "bottomLeft",
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        },
                        "offset": {
                            "y": 0.1
                        },
                        "start": 20,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/news-white.png"
                        },
                        "fit": "none",
                        "scale": 0.65,
                        "transition": {
                            "in": "slideUp"
                        },
                        "start": 28,
                        "length": 3
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/sun-clouds.mp4"
                        },
                        "start": 0,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/desert-overhead.mp4",
                            "trim": 5
                        },
                        "start": 5,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/lemur-eating.mp4",
                            "trim": 5
                        },
                        "start": 10,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/shanty-town-overhead.mp4",
                            "trim": 5
                        },
                        "start": 15,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/podium-speach.mp4"
                        },
                        "start": 20,
                        "length": 6,
                        "transition": {
                            "out": "fade"
                        }
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "hd"
    }
}

Restaurant monthly specials

Official example

{
    "timeline": {
        "soundtrack": {
            "src": "https://feeds.soundcloud.com/stream/1029352582-unminus-neuron-parking.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/barlow-extrabold.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/barlow-regular.ttf"
            }
        ],
        "background": "#000000",
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/contemporary-color-white.png"
                        },
                        "start": 0,
                        "length": 3,
                        "fit": "none",
                        "scale": 0.8,
                        "offset": {
                            "y": 0.16
                        },
                        "transition": {
                            "in": "slideDown",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>February at The Aviary</p>",
                            "css": "p { font-family:'Barlow ExtraBold'; color: #FFFFFF; font-size: 68px; text-align: center; }",
                            "width": 800,
                            "height": 140
                        },
                        "start": 0.8,
                        "length": 2.2,
                        "offset": {
                            "y": -0.13
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/circles/circle-expand-right.mp4"
                        },
                        "start": 3,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/326279/pexels-photo-326279.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
                        },
                        "start": 0,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Lunch Menu</p>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #FFFFFFFF; font-size: 80px; text-align: left; }",
                            "width": 600,
                            "height": 100
                        },
                        "start": 3.4,
                        "length": 3.1,
                        "position": "topLeft",
                        "offset": {
                            "x": 0.02,
                            "y": -0.15
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 650,
                            "height": 120,
                            "background": "#FF0000"
                        },
                        "start": 3,
                        "length": 3,
                        "position": "left",
                        "offset": {
                            "y": 0.3
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/3434523/pexels-photo-3434523.jpeg?cs=srgb&dl=pexels-mister-mister-3434523.jpg&fm=jpg",
                            "crop": {
                                "left": 0,
                                "right": 0
                            }
                        },
                        "start": 3,
                        "length": 3.5,
                        "fit": "contain",
                        "position": "left",
                        "transition": {
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Shrimp Grill</p><br><div>Grilled shrimp with teriyaki sauce</div><br><br><p>Spring Roll</p><br><div>Spring roll filled with meat and vegetables</div><br><br><p>Sushi Roll</p><br><div>Sushi roll different flavors</div><br><br><p>Niguiri</p><br><div>Rice balls with seaweed</div>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #FF1a1a1a; font-size: 50px; text-align: left; line-height: 80%;} div { font-family: 'Barlow Regular'; color: #FF1a1a1a; font-size: 40px; text-align: left; line-height: 80%;} br { line-height: 50%}",
                            "width": 600,
                            "height": 850
                        },
                        "start": 3.5,
                        "length": 3,
                        "offset": {
                            "x": 0.1
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>$16.60</p><br><br><br><br><br><br><br><br><p>$19.90</p><br><br><br><br><br><br><br><p>$12.20</p><br><br><br><br><br><br><br><p>$12.20</p><br><br>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #ff6600; font-size: 50px; text-align: left ;line-height: 80%;} br { line-height: 100%} ",
                            "width": 180,
                            "height": 850
                        },
                        "start": 3.5,
                        "length": 3,
                        "position": "right",
                        "offset": {
                            "x": -0.1
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 900,
                            "height": 900,
                            "background": "#FFFFFF"
                        },
                        "start": 3,
                        "length": 3.5,
                        "position": "right",
                        "offset": {
                            "x": -0.1
                        },
                        "transition": {
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/circles/circle-expand-left.mp4"
                        },
                        "start": 6,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/backgrounds/bg-aviary-1.jpg"
                        },
                        "start": 3,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Award Winning Chef Won Chaw</p><br><span>Specials of the month</span>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #FFFFFF; font-size: 80px; text-align: center; line-height: 80%;} span { font-family: 'Barlow Regular'; color: #FFFFFF; font-size: 60px; text-align: center; line-height: 80%;}",
                            "width": 700,
                            "height": 250
                        },
                        "start": 6.8,
                        "length": 2.2,
                        "offset": {
                            "x": 0.2,
                            "y": 0.25
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 60,
                            "height": 300,
                            "background": "#ff6600"
                        },
                        "start": 6,
                        "length": 3,
                        "position": "left",
                        "offset": {
                            "y": 0.25
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 60,
                            "height": 300,
                            "background": "#ff6600"
                        },
                        "start": 6,
                        "length": 3,
                        "position": "right",
                        "offset": {
                            "y": 0.25
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/circles/circle-expand-right.mp4"
                        },
                        "start": 9,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/3873973/pexels-photo-3873973.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
                        },
                        "start": 6,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/dish3.png"
                        },
                        "start": 9,
                        "length": 3.5,
                        "fit": "contain",
                        "scale": 0.35,
                        "effect": "zoomIn",
                        "offset": {
                            "x": -0.25
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Grill</p>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #11000000; font-size: 260px; text-align: left; }",
                            "width": 500,
                            "height": 300
                        },
                        "start": 9.4,
                        "length": 3.1,
                        "position": "topLeft",
                        "offset": {
                            "x": 0.05
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Grilled Banderilles</p>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #FFff6600; font-size: 140px; text-align: left; line-height: 70%; }",
                            "width": 800,
                            "height": 280
                        },
                        "start": 9.5,
                        "length": 3,
                        "offset": {
                            "x": 0.16,
                            "y": 0.25
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Sweet and sour pork with peppers, onions and pineapple bathed in barbecue sauce.</p>",
                            "css": "p { font-family: 'Barlow Regular'; color: #FF1a1a1a; font-size: 50px; text-align: left;  line-height: 100%;}",
                            "width": 800,
                            "height": 300
                        },
                        "start": 9.5,
                        "length": 3.1,
                        "offset": {
                            "x": 0.16,
                            "y": -0.05
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>$18.90</p>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #FFFF0000; font-size: 90px; text-align: left;  line-height: 100%;}",
                            "width": 800,
                            "height": 100
                        },
                        "start": 9.5,
                        "length": 3.1,
                        "offset": {
                            "x": 0.16,
                            "y": -0.25
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 450,
                            "height": 450,
                            "background": "#FF0000"
                        },
                        "start": 9,
                        "length": 3,
                        "position": "bottom",
                        "offset": {
                            "x": -0.25
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 900,
                            "height": 800,
                            "background": "#FFFFFF"
                        },
                        "start": 9,
                        "length": 3.5,
                        "position": "right",
                        "offset": {
                            "x": -0.1
                        },
                        "transition": {
                            "out": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/circles/circle-expand-left.mp4"
                        },
                        "start": 12,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/backgrounds/bg-aviary-1.jpg"
                        },
                        "start": 9,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/dish4.png"
                        },
                        "start": 12,
                        "length": 3.5,
                        "fit": "contain",
                        "scale": 0.35,
                        "effect": "zoomIn",
                        "offset": {
                            "x": 0.25
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Toast</p>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #11000000; font-size: 260px; text-align: left; }",
                            "width": 800,
                            "height": 300
                        },
                        "start": 12.4,
                        "length": 3.1,
                        "position": "topRight",
                        "offset": {
                            "x": -0.05
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Smashed Avo Toast</p>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #ff6600; font-size: 140px; text-align: left; line-height: 70%; }",
                            "width": 800,
                            "height": 280
                        },
                        "start": 12.5,
                        "length": 3,
                        "offset": {
                            "x": -0.16,
                            "y": 0.25
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Slice of toasted bread with avocado, house dressing, egg to taste and watercress leaves.</p>",
                            "css": "p { font-family: 'Barlow Regular'; color: #FF1a1a1a; font-size: 50px; text-align: left;  line-height: 100%;}",
                            "width": 800,
                            "height": 300
                        },
                        "start": 12.5,
                        "length": 3.1,
                        "offset": {
                            "x": -0.16,
                            "y": -0.05
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>$18.90</p>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #FFFF0000; font-size: 90px; text-align: left;  line-height: 100%;}",
                            "width": 800,
                            "height": 100
                        },
                        "start": 12.5,
                        "length": 3.1,
                        "offset": {
                            "x": -0.16,
                            "y": -0.25
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 450,
                            "height": 450,
                            "background": "#FF0000"
                        },
                        "start": 12,
                        "length": 3,
                        "position": "bottom",
                        "offset": {
                            "x": 0.25
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 900,
                            "height": 800,
                            "background": "#FFFFFF"
                        },
                        "start": 12,
                        "length": 3.5,
                        "position": "left",
                        "offset": {
                            "x": 0.1
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://templates.shotstack.io/basic/asset/video/luma/circles/circle-expand.mp4"
                        },
                        "start": 15,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/backgrounds/bg-aviary-1.jpg "
                        },
                        "start": 12,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/contemporary-color-black.png"
                        },
                        "start": 15,
                        "length": 4,
                        "fit": "none",
                        "scale": 0.8,
                        "offset": {
                            "y": 0.1
                        },
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<span>736 Brockton Avenue, Abington, MA 2351</span><br><span>548-500-5223</span>",
                            "css": "p { font-family: 'Barlow ExtraBold'; color: #FF1a1a1a; font-size: 50px; text-align: center;} span { font-family: 'Barlow Regular'; color: #FF1a1a1a; font-size: 50px; text-align: center;}",
                            "width": 600,
                            "height": 300
                        },
                        "start": 15.8,
                        "length": 3.2,
                        "offset": {
                            "y": -0.2
                        },
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/backgrounds/bg-aviary-1.jpg "
                        },
                        "start": 15,
                        "length": 4,
                        "effect": "zoomIn"
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "1080"
    }
}

Real estate slideshow with merge fields (themeable)

Official example

{
    "merge": [
        {
            "find": "ADDRESS_1",
            "replace": "192 STOREY STREET"
        },
        {
            "find": "ADDRESS_2",
            "replace": "MAROUBRA, NSW 2035"
        },
        {
            "find": "SALE_TYPE",
            "replace": "HOUSE"
        },
        {
            "find": "PROPERTY_TYPE",
            "replace": "AUCTION 22 OCTOBER"
        },
        {
            "find": "BEDS",
            "replace": "4"
        },
        {
            "find": "BATHS",
            "replace": "2"
        },
        {
            "find": "CARS",
            "replace": "1"
        },
        {
            "find": "HEADSHOT",
            "replace": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/real-estate-agent-male.jpg"
        },
        {
            "find": "AGENT_NAME",
            "replace": "JEREMY SIMPSON"
        },
        {
            "find": "LOGO",
            "replace": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/logos/real-estate-white.png"
        },
        {
            "find": "PHONE",
            "replace": "0424 998 776"
        },
        {
            "find": "EMAIL",
            "replace": "jeremy@blockrealestate.co"
        },
        {
            "find": "IMAGE_1",
            "replace": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate1.jpg"
        },
        {
            "find": "IMAGE_2",
            "replace": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate2.jpg"
        },
        {
            "find": "IMAGE_3",
            "replace": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate3.jpg"
        },
        {
            "find": "IMAGE_4",
            "replace": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate4.jpg"
        },
        {
            "find": "IMAGE_5",
            "replace": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/images/realestate5.jpg"
        },
        {
            "find": "PRIMARY_FONT",
            "replace": "Manrope ExtraBold"
        },
        {
            "find": "PRIMARY_FONT_SRC",
            "replace": "https://templates.shotstack.io/basic/asset/font/manrope-extrabold.ttf"
        },
        {
            "find": "PRIMARY_COLOR",
            "replace": "#f0c20c"
        },
        {
            "find": "SECONDARY_FONT",
            "replace": "Manrope Light"
        },
        {
            "find": "SECONDARY_FONT_SRC",
            "replace": "https://templates.shotstack.io/basic/asset/font/manrope-light.ttf"
        },
        {
            "find": "SECONDARY_COLOR",
            "replace": "#ffffff"
        },
        {
            "find": "OVERLAY_STYLE",
            "replace": "arrow-sharp"
        },
        {
            "find": "OVERLAY_COLOR",
            "replace": "black"
        },
        {
            "find": "SOUNDTRACK",
            "replace": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/music/unminus/ambisax.mp3"
        }
    ],
    "timeline": {
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 40px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 200,
                            "position": "bottom"
                        },
                        "start": 1.2,
                        "length": 4.2,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": 0.3
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 22px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 66,
                            "position": "top"
                        },
                        "start": 1.3,
                        "length": 3.9,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": 0.065
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 22px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 100,
                            "position": "top"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": -0.24
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 17px; text-align: left;    line-height: 78; }",
                            "width": 320,
                            "height": 32,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": -0.08
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/bed.png"
                        },
                        "start": 1.4,
                        "length": 4,
                        "fit": "none",
                        "position": "left",
                        "offset": {
                            "x": 0.055,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/bath.png"
                        },
                        "start": 1.4,
                        "length": 4,
                        "fit": "none",
                        "position": "left",
                        "offset": {
                            "x": 0.13,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://templates.shotstack.io/basic/asset/image/icon/slimline/white/26px/car.png"
                        },
                        "start": 1.4,
                        "length": 4,
                        "fit": "none",
                        "position": "left",
                        "offset": {
                            "x": 0.205,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 18px; text-align: left;     }",
                            "width": 36,
                            "height": 26,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.09,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 18px; text-align: left;     }",
                            "width": 36,
                            "height": 26,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.165,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 18px; text-align: left;     }",
                            "width": 36,
                            "height": 26,
                            "position": "center"
                        },
                        "start": 1.4,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.24,
                            "y": -0.025
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/luma-mattes/circle.jpg"
                        },
                        "start": 30,
                        "length": 6
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 30,
                        "length": 6,
                        "fit": "none",
                        "scale": 0.4,
                        "offset": {
                            "x": 0,
                            "y": 0.22
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 26px; text-align: center;     }",
                            "width": 600,
                            "height": 36,
                            "position": "center"
                        },
                        "start": 30,
                        "length": 6,
                        "offset": {
                            "x": 0,
                            "y": 0.045
                        },
                        "transition": {
                            "in": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><br></p>",
                            "css": "p { font-family: \"\"; color: ; font-size: 18px; text-align: center;     }",
                            "width": 600,
                            "height": 64,
                            "position": "center"
                        },
                        "start": 30,
                        "length": 6,
                        "offset": {
                            "x": 0,
                            "y": -0.24
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 30,
                        "length": 6,
                        "fit": "none",
                        "scale": 0.26,
                        "offset": {
                            "x": 0,
                            "y": -0.08
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-left-in.mov"
                        },
                        "start": 0,
                        "length": 4.48
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay///content-left-out.mov"
                        },
                        "start": 4.52,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay///transition-right.mov"
                        },
                        "start": 10.56,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay///transition-up.mov"
                        },
                        "start": 16.56,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay///transition-left.mov"
                        },
                        "start": 22.56,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay///outro-in.mov"
                        },
                        "start": 29,
                        "length": 7
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 0,
                        "length": 6,
                        "effect": "zoomInSlow",
                        "transition": {
                            "in": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 6,
                        "length": 6,
                        "effect": "slideLeftSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 12,
                        "length": 6,
                        "effect": "slideRightSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 18,
                        "length": 6,
                        "effect": "slideUpSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 24,
                        "length": 6,
                        "effect": "slideLeftSlow"
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": ""
                        },
                        "start": 30,
                        "length": 6,
                        "effect": "zoomInSlow"
                    }
                ]
            }
        ],
        "fonts": [
            {
                "src": ""
            },
            {
                "src": ""
            }
        ],
        "soundtrack": {
            "src": "",
            "effect": "fadeOut"
        }
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}

Car Walkaround

Official example

{
    "output": {
        "format": "mp4",
        "resolution": "hd",
        "poster": {
            "capture": 10
        }
    },
    "timeline": {
        "soundtrack": {
            "src": "https://shotstack-assets.s3.amazonaws.com/music/hyper.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-regular.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-bold.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/montserrat-black.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "start": 0,
                        "length": 13,
                        "position": "bottomLeft",
                        "asset": {
                            "width": 600,
                            "html": "<p class='title'>Lamborghini Huracan EVO Auto AWD</p><p class='subtitle'>2019 | 10cyl 5.2L Petrol | 17,100 kms</p>",
                            "css": "p { text-align: left; color: #ffffff; } .title { font-family: 'Montserrat Black'; font-size: 42px; } .subtitle { font-family: 'Montserrat Bold'; font-size: 28px; color: #f1c40f; }",
                            "type": "html",
                            "height": 180
                        },
                        "offset": {
                            "x": 0.05,
                            "y": 0.03
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "start": 0,
                        "length": 13,
                        "position": "bottomRight",
                        "asset": {
                            "width": 600,
                            "html": "<p><span>Enquiries</span></p><p>Dean / 703-438-5736</p>",
                            "css": "p { font-family: 'Montserrat Bold'; color: #ffffff; black; font-size: 28px; text-align: right; } span { color: #f1c40f; }",
                            "type": "html",
                            "height": 160
                        },
                        "offset": {
                            "x": -0.05,
                            "y": 0
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "start": 0,
                        "length": 5,
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.amazonaws.com/footage/luxury-car-1.mp4"
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "start": 4,
                        "length": 5,
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.amazonaws.com/footage/luxury-car-2.mp4"
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "start": 8,
                        "length": 5,
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.amazonaws.com/footage/luxury-car-3.mp4"
                        },
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            }
        ]
    }
}

Nature health promotional advert

Official example

{
    "timeline": {
        "soundtrack": {
            "src": "https://assets.mixkit.co/music/download/mixkit-forest-treasure-138.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/opensans-regular.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT</p>",
                            "css": "p { font-family: 'Open Sans'; color: #ffffff; font-size: 38px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "y": -0.1
                        },
                        "start": 0.5,
                        "length": 4.5,
                        "position": "center",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>CONSECTETUR ADIPISCING ELIT</p>",
                            "css": "p { font-family: 'Open Sans'; color: #ffffff; font-size: 38px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "y": -0.1
                        },
                        "start": 5,
                        "length": 4.5,
                        "position": "center",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>MAIN TEXT BLOCK</p>",
                            "css": "p { font-family: 'Open Sans'; color: #ffffff; font-size: 45px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "y": -0.1
                        },
                        "start": 10.5,
                        "length": 7,
                        "position": "center",
                        "effect": "zoomIn",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
                            "css": "p { font-family: 'Open Sans'; color: #ffffff; font-size: 18px; text-align: center; }",
                            "width": 950,
                            "height": 150
                        },
                        "start": 11,
                        "length": 6.5,
                        "position": "bottom",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>SECOND TEXT BLOCK</p>",
                            "css": "p { font-family: 'Open Sans'; color: #ffffff; font-size: 45px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "y": -0.1
                        },
                        "start": 18,
                        "length": 7,
                        "position": "center",
                        "effect": "zoomIn",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>",
                            "css": "p { font-family: 'Open Sans'; color: #ffffff; font-size: 18px; text-align: center; }",
                            "width": 950,
                            "height": 150
                        },
                        "start": 18.5,
                        "length": 6.5,
                        "position": "bottom",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/heart-health-white.png"
                        },
                        "fit": "none",
                        "scale": 0.7,
                        "position": "top",
                        "offset": {
                            "y": -0.3
                        },
                        "transition": {
                            "in": "fade"
                        },
                        "start": 25,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>hearthealth.co</p>",
                            "css": "p { font-family: 'Open Sans'; color: #bbbbbb; font-size: 24px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "start": 25.5,
                        "length": 4.5,
                        "offset": {
                            "y": -0.25
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT</p>",
                            "css": "p { font-family: 'Open Sans'; color: #77111111; font-size: 38px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "x": 0.0025,
                            "y": -0.104
                        },
                        "start": 0.5,
                        "length": 4.5,
                        "position": "center",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>CONSECTETUR ADIPISCING ELIT</p>",
                            "css": "p { font-family: 'Open Sans'; color: #77111111; font-size: 38px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "x": 0.0025,
                            "y": -0.104
                        },
                        "start": 5,
                        "length": 4.5,
                        "position": "center",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>MAIN TEXT BLOCK</p>",
                            "css": "p { font-family: 'Open Sans'; color: #77111111; font-size: 45px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "x": 0.0025,
                            "y": -0.104
                        },
                        "start": 10.5,
                        "length": 7,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>SECOND TEXT BLOCK</p>",
                            "css": "p { font-family: 'Open Sans'; color: #77111111; font-size: 45px; text-align: center; }",
                            "width": 950,
                            "height": 200
                        },
                        "offset": {
                            "x": 0.0025,
                            "y": -0.104
                        },
                        "start": 18,
                        "length": 7,
                        "effect": "zoomIn",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://player.vimeo.com/external/439955856.hd.mp4?s=d4086b82e870e2f0b67bbb2037b3104075d898b9&profile_id=175&oauth2_token_id=57447761"
                        },
                        "start": 0,
                        "length": 10
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://player.vimeo.com/external/543352824.hd.mp4?s=313facd07156dd228113b18d5e86f4495f660ba5&profile_id=175&oauth2_token_id=57447761",
                            "trim": 2
                        },
                        "start": 10,
                        "length": 7.5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/sunset-hills.mp4"
                        },
                        "start": 17.5,
                        "length": 10,
                        "transition": {
                            "out": "fade"
                        }
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "hd"
    }
}

Health and wellbeing promotion

Official example

{
    "timeline": {
        "soundtrack": {
            "src": "https://feeds.soundcloud.com/stream/267703548-unminus-white.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/raleway-regular.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/raleway-bold.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/heart-health-white.png"
                        },
                        "start": 0.5,
                        "length": 11.2,
                        "fit": "none",
                        "scale": 0.4,
                        "position": "topRight",
                        "offset": {
                            "x": -0.04,
                            "y": -0.05
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 200,
                            "height": 200,
                            "background": "#6666ff"
                        },
                        "start": 0.5,
                        "length": 11.2,
                        "position": "topRight",
                        "offset": {
                            "x": -0.02,
                            "y": -0.02
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<table class='border' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p class='title'>Heart Healthcare</p><div class='hair' width='30%'>-</div><p class='location'>HOUSTON, TEXAS</p></td> </tr></tbody></table>",
                            "css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center; vertical-align: top;} td { padding-top: 24px; padding-bottom: 24px; } .title { font-family: Raleway; font-weight: bold; font-size: 64px; color: #ffffff;} .location {font-family: Raleway; font-size: 40px; color: #ffffff;} .hair { margin-left: 350px; margin-right: 350px; font-size: 2px; width: 100px; height 2px; background: #6666ff; } ",
                            "width": 860,
                            "height": 400
                        },
                        "start": 0.4,
                        "length": 2.3,
                        "offset": {
                            "y": -0.215
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "fadeFast"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<table cellpadding='16' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p>The <span> health care</span> association recommends exercising every day.</p></td></tr></tbody></table>",
                            "css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center; } p { font-family: Raleway; font-size: 58px; color: #ffffff; }  span { color: #6666ff;}",
                            "width": 860,
                            "height": 400
                        },
                        "start": 2.8,
                        "length": 2.8,
                        "position": "bottom",
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<table cellpadding='16' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p>Just <span>10 minutes</span> of meditation can help you relax and improve sleep.</p></td></tr></tbody></table>",
                            "css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center;} p { font-family: Raleway; font-size: 58px; color: #ffffff; } span { color: #6666ff;}",
                            "width": 860,
                            "height": 400
                        },
                        "start": 5.6,
                        "length": 3.2,
                        "transition": {
                            "in": "fade",
                            "out": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<table cellpadding='16' border='0' cellspacing='1'><tbody><tr class='main_title_container'><td width='100%'><p>Eat a <span>healthy mix</span> of fruit, vegetables, carbs and protein.</p></td></tr></tbody></table>",
                            "css": ".main_title_container { background: rgba(0,0,0,0.5); text-align: center;} p { font-family: Raleway; font-size: 58px; color: #ffffff; } span { color: #6666ff; }",
                            "width": 860,
                            "height": 400,
                            "position": "bottom"
                        },
                        "start": 8.4,
                        "length": 3.2,
                        "transition": {
                            "in": "carouselLeft",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/heart-health-white.png"
                        },
                        "start": 12,
                        "length": 3,
                        "scale": 0.85,
                        "fit": "none",
                        "transition": {
                            "in": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<div>heart.co</div>",
                            "css": "div {font-family: Raleway; text-align: center; color:#ffffff; font-size: 32px;}",
                            "width": 800,
                            "height": 100
                        },
                        "start": 12.9,
                        "length": 2.1,
                        "offset": {
                            "y": -0.35
                        },
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1080,
                            "height": 1080,
                            "background": "#6666ff"
                        },
                        "start": 11.4,
                        "length": 3.6,
                        "transition": {
                            "in": "carouselLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/1112633/pexels-photo-1112633.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
                        },
                        "start": 0,
                        "length": 3,
                        "effect": "zoomInSlow",
                        "transition": {
                            "in": "fade",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/2475878/pexels-photo-2475878.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
                        },
                        "start": 2.4,
                        "length": 3.65,
                        "effect": "slideLeftSlow",
                        "transition": {
                            "in": "carouselLeft",
                            "out": "carouselLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/6787498/pexels-photo-6787498.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
                        },
                        "start": 5.4,
                        "length": 3.6,
                        "effect": "zoomInSlow",
                        "transition": {
                            "in": "carouselLeft",
                            "out": "carouselLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://images.pexels.com/photos/1153370/pexels-photo-1153370.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260"
                        },
                        "start": 8.4,
                        "length": 3.6,
                        "effect": "zoomOutSlow",
                        "transition": {
                            "in": "slideLeft",
                            "out": "carouselLeft"
                        }
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "1080",
        "aspectRatio": "1:1"
    }
}

Property tour/walkthrough

Official example

{
    "timeline": {
        "soundtrack": {
            "src": "https://assets.mixkit.co/music/download/mixkit-serene-view-443.mp3",
            "effect": "fadeOut"
        },
        "fonts": [
            {
                "src": "https://templates.shotstack.io/basic/asset/font/quicksand-regular.ttf"
            },
            {
                "src": "https://templates.shotstack.io/basic/asset/font/notoserifdisplay-regular.ttf"
            }
        ],
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>26 George Street</p>",
                            "css": "p { font-family: 'Noto Serif Display'; color: #ffffff; font-size:72px; text-align:left}",
                            "width": 1000,
                            "height": 100
                        },
                        "start": 1.2,
                        "length": 4.5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.12
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Western Cape</p>",
                            "css": "p {font-family: 'Quicksand'; color: #fff; font-size: 38px; text-align:left }",
                            "width": 1200,
                            "height": 50
                        },
                        "start": 1.3,
                        "length": 4.5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.07
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Living Room</p>",
                            "css": "p { font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left }",
                            "width": 1000,
                            "height": 100
                        },
                        "start": 7,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.16
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
                            "css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
                            "width": 1000,
                            "height": 100,
                            "position": "top"
                        },
                        "start": 7.1,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.07
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Main Bedroom</p>",
                            "css": "p {font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left}",
                            "width": 1000,
                            "height": 100
                        },
                        "start": 14.2,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.16
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
                            "css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
                            "width": 1000,
                            "height": 100,
                            "position": "top"
                        },
                        "start": 14.3,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.07
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Guest Bedroom</p>",
                            "css": "p {font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left}",
                            "width": 1000,
                            "height": 100
                        },
                        "start": 22.2,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.16
                        },
                        "transition": {
                            "in": "slideUp",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
                            "css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
                            "width": 1000,
                            "height": 100,
                            "position": "top"
                        },
                        "start": 22.3,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.07
                        },
                        "transition": {
                            "in": "slideUpFast",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Home Office</p>",
                            "css": "p {font-family: 'Noto Serif Display'; color: #ffffff; font-size:64px; text-align:left}",
                            "width": 1000,
                            "height": 100
                        },
                        "start": 30.2,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.16
                        },
                        "transition": {
                            "in": "slideUpFast",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis, quas.</p>",
                            "css": "p {font-family: 'Quicksand'; color: #fff; font-size: 36px; text-align:left }",
                            "width": 1000,
                            "height": 100,
                            "position": "top"
                        },
                        "start": 30.3,
                        "length": 5,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.1,
                            "y": 0.07
                        },
                        "transition": {
                            "in": "slideUpFast",
                            "out": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/real-estate-white.png"
                        },
                        "start": 39.3,
                        "length": 3.7,
                        "fit": "none",
                        "scale": 0.8,
                        "offset": {
                            "x": 0.305,
                            "y": 0.24
                        },
                        "transition": {
                            "in": "slideLeft"
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p><b>JOHN DOE</b></p><p>+1 234 456 789</p><p>email@email.com</p>",
                            "css": "p { font-family: 'Quicksand'; color: #fff; font-size: 32px; text-align: center; } b { font-size:42px; }",
                            "width": 600,
                            "height": 300
                        },
                        "start": 39.4,
                        "length": 3.6,
                        "position": "right",
                        "offset": {
                            "x": -0.04,
                            "y": -0.1
                        },
                        "transition": {
                            "in": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-bottom-in.mov"
                        },
                        "start": 0,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-bottom-out.mov"
                        },
                        "start": 5.04,
                        "length": 2
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://templates.shotstack.io/basic/asset/video/overlay/arrow-sharp/black/content-right-in.mov"
                        },
                        "start": 38,
                        "length": 5
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-entrance.mp4"
                        },
                        "start": 0,
                        "length": 6,
                        "transition": {
                            "in": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-living-room-b-roll.mp4",
                            "trim": 5
                        },
                        "start": 6,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-living-room.mp4"
                        },
                        "start": 9,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-main-bedroom-b-roll.mp4"
                        },
                        "start": 14,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-main-bedroom.mp4"
                        },
                        "start": 17,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-second-bedroom-b-roll.mp4"
                        },
                        "start": 22,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-second-bedroom.mp4"
                        },
                        "start": 25,
                        "length": 5
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-home-office-b-roll.mp4"
                        },
                        "start": 30,
                        "length": 3
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/property-tour-home-office.mp4"
                        },
                        "start": 33,
                        "length": 10
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "1080"
    }
}

Startup pitch deck presentation

Official example

{
    "timeline": {
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/logos/startup-color.png"
                        },
                        "start": 0.25,
                        "length": 24.75,
                        "fit": "none",
                        "scale": 0.65,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.05,
                            "y": 0.1
                        },
                        "transition": {
                            "in": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Pet Food<br>Drone Delivery</p>",
                            "css": "p { font-family: \"Montserrat Black\"; color: #1b1b1b; font-size: 48px; text-align: left;     }",
                            "width": 500,
                            "height": 200,
                            "position": "center"
                        },
                        "start": 0.5,
                        "length": 4,
                        "position": "topLeft",
                        "offset": {
                            "x": 0.05,
                            "y": -0.06
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Don't fret if you forget to feed your pet!</p>",
                            "css": "p { font-family: \"Montserrat\"; color: #1c8be3; font-size: 26px; text-align: left; font-weight: bold;    }",
                            "width": 400,
                            "height": 300,
                            "position": "center"
                        },
                        "start": 0.5,
                        "length": 4,
                        "position": "topLeft",
                        "offset": {
                            "x": 0.05,
                            "y": -0.16
                        },
                        "transition": {
                            "in": "slideLeft",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/dog1.jpg"
                        },
                        "start": 0,
                        "length": 5,
                        "effect": "zoomOut",
                        "transition": {
                            "out": "carouselLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Founded in 2012 by ex-google engineer, Hans Ruffus. DoggoSnax has gone on to dominate the pet food drone delivery industry.</p>",
                            "css": "p { font-family: \"Montserrat\"; color: #ffffff; font-size: 30px; text-align: left; font-weight: bold;   line-height: 50px; }",
                            "width": 500,
                            "height": 500,
                            "position": "center"
                        },
                        "start": 5.5,
                        "length": 4.5,
                        "position": "right",
                        "offset": {
                            "x": -0.06,
                            "y": 0
                        },
                        "transition": {
                            "in": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 650,
                            "height": 576,
                            "background": "#1c8be3"
                        },
                        "start": 5,
                        "length": 5,
                        "position": "right"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/founder1.jpg"
                        },
                        "start": 4.75,
                        "length": 5.25,
                        "fit": "contain",
                        "effect": "zoomIn",
                        "offset": {
                            "x": -0.31
                        },
                        "transition": {
                            "in": "carouselRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 1024,
                            "height": 576,
                            "background": "#1c8be3"
                        },
                        "start": 4,
                        "length": 6
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>With 5 million users world wide the company has raised $30 million, valuing the business at $200 million.</p>",
                            "css": "p { font-family: \"Montserrat\"; color: #ffffff; font-size: 30px; text-align: left; font-weight: bold;   line-height: 50px; }",
                            "width": 500,
                            "height": 450,
                            "position": "top"
                        },
                        "start": 10.5,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.06,
                            "y": 0
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/drone1.jpg"
                        },
                        "start": 10,
                        "length": 5,
                        "opacity": 0.6,
                        "effect": "zoomOut",
                        "transition": {
                            "in": "zoom",
                            "out": "carouselRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Is this the next Unicorn? Or is it just a dog in disguise?</p>",
                            "css": "p { font-family: \"Montserrat\"; color: #1c8be3; font-size: 30px; text-align: left; font-weight: bold;   line-height: 50px; }",
                            "width": 450,
                            "height": 450,
                            "position": "center"
                        },
                        "start": 15.5,
                        "length": 4,
                        "position": "left",
                        "offset": {
                            "x": 0.06,
                            "y": 0.2
                        },
                        "transition": {
                            "in": "slideRight",
                            "out": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 600,
                            "height": 576,
                            "background": "#ffffff"
                        },
                        "start": 14.75,
                        "length": 5.25,
                        "position": "left"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/dog2.jpg"
                        },
                        "start": 15,
                        "length": 5,
                        "fit": "contain",
                        "effect": "zoomIn",
                        "offset": {
                            "x": 0.2
                        },
                        "transition": {
                            "in": "carouselLeft",
                            "out": "carouselRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Find out more at</p>",
                            "css": "p { font-family: \"Montserrat\"; color: #1c8be3; font-size: 30px; text-align: center; font-weight: bold;    }",
                            "width": 500,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 20.5,
                        "length": 4.5,
                        "position": "top",
                        "offset": {
                            "x": 0,
                            "y": -0.1
                        },
                        "transition": {
                            "in": "slideUp"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>doggosnax.com</p>",
                            "css": "p { font-family: \"Montserrat Black\"; color: #1b1b1b; font-size: 60px; text-align: center;     }",
                            "width": 600,
                            "height": 200,
                            "position": "center"
                        },
                        "start": 20.5,
                        "length": 4.5,
                        "position": "top",
                        "offset": {
                            "x": 0,
                            "y": -0.12
                        },
                        "transition": {
                            "in": "slideDown"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/dog3.jpg"
                        },
                        "start": 20,
                        "length": 5,
                        "effect": "zoomOut",
                        "transition": {
                            "in": "zoom"
                        }
                    }
                ]
            }
        ],
        "fonts": [
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Montserrat-Regular.ttf"
            },
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Montserrat-Bold.ttf"
            },
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Montserrat-Black.ttf"
            }
        ],
        "background": "#ffffff",
        "soundtrack": {
            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/unminus/berlin.mp3",
            "effect": "fadeOut",
            "volume": 0.5
        }
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}

Financial podcast preview

Official example

{
    "timeline": {
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>The Finance Show</p>",
                            "css": "p { font-family: \"Open Sans\"; color: #ffffff; font-size: 34px; text-align: left;     }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 0.2,
                        "length": 9.8,
                        "position": "topLeft",
                        "offset": {
                            "x": 0.05,
                            "y": -0.118
                        },
                        "transition": {
                            "in": "slideRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>&nbsp;</p>",
                            "width": 420,
                            "height": 64,
                            "background": "#d2bb8f"
                        },
                        "start": 0,
                        "length": 10,
                        "position": "topLeft",
                        "offset": {
                            "x": 0,
                            "y": -0.15
                        },
                        "transition": {
                            "in": "carouselRight"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Podcast Heading</p>",
                            "css": "p { font-family: \"Open Sans ExtraBold\"; color: #ffffff; font-size: 38px; text-align: left;     }",
                            "width": 450,
                            "height": 100,
                            "position": "center"
                        },
                        "start": 0.1,
                        "length": 9.9,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": 0.1
                        },
                        "transition": {
                            "in": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Mr John Smith</p>",
                            "css": "p { font-family: \"Open Sans\"; color: #d2bb8f; font-size: 28px; text-align: left; font-weight: bold;    }",
                            "width": 400,
                            "height": 50,
                            "position": "center"
                        },
                        "start": 0.2,
                        "length": 9.8,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": 0
                        },
                        "transition": {
                            "in": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Head of Global Derivatives, Eagle Corporate</p>",
                            "css": "p { font-family: \"Open Sans\"; color: #ffffff; font-size: 22px; text-align: left;    line-height: 65%; }",
                            "width": 500,
                            "height": 40,
                            "position": "center"
                        },
                        "start": 0.3,
                        "length": 9.7,
                        "position": "left",
                        "offset": {
                            "x": 0.05,
                            "y": -0.05
                        },
                        "transition": {
                            "in": "slideLeft"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "luma",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/luma-mattes/circle.jpg"
                        },
                        "start": 0,
                        "length": 10,
                        "fit": "none",
                        "scale": 0.3,
                        "position": "right",
                        "offset": {
                            "x": -0.1,
                            "y": 0
                        },
                        "transition": {
                            "in": "fade"
                        }
                    },
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/business-man.jpg"
                        },
                        "start": 0,
                        "length": 10,
                        "fit": "none",
                        "scale": 0.4,
                        "position": "right",
                        "offset": {
                            "x": -0.1,
                            "y": 0
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/audio-waveforms/circle-speach.mov",
                            "trim": 5
                        },
                        "start": 0,
                        "length": 10,
                        "fit": "none",
                        "scale": 0.41,
                        "position": "right",
                        "offset": {
                            "x": -0.009,
                            "y": 0
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/logos/corporate-colour.png"
                        },
                        "start": 0,
                        "length": 10,
                        "fit": "none",
                        "scale": 0.25,
                        "position": "bottomLeft",
                        "offset": {
                            "x": 0.05,
                            "y": 0.15
                        },
                        "transition": {
                            "in": "fade"
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "image",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/images/financial-background.jpg"
                        },
                        "start": 0,
                        "length": 10,
                        "effect": "slideUp"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "audio",
                            "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/audio/financial-podcast.mp3"
                        },
                        "start": 0,
                        "length": 10
                    }
                ]
            }
        ],
        "fonts": [
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/OpenSans-Regular.ttf"
            },
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/OpenSans-Bold.ttf"
            },
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/OpenSans-ExtraBold.ttf"
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}

Christmas personalised message

Official example

{
    "timeline": {
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>MERRY CHRISTMAS</p>",
                            "css": "p { font-family: \"Montserrat\"; color: #ffffff; font-size: 14px; text-align: center; font-weight: bold }",
                            "width": 450,
                            "height": 30
                        },
                        "start": 3.8,
                        "length": 3.4,
                        "transition": {
                            "in": "fade",
                            "out": "slideDown"
                        },
                        "offset": {
                            "x": -0.1,
                            "y": 0.08
                        },
                        "position": "right"
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Ralph</p>",
                            "css": "p { font-family: \"Amatic SC\"; color: #ffffff; font-size: 64px; text-align: center; font-weight: bold; }",
                            "width": 450,
                            "height": 100
                        },
                        "start": 4,
                        "length": 2.8,
                        "transition": {
                            "in": "fade",
                            "out": "slideDown"
                        },
                        "offset": {
                            "x": -0.1
                        },
                        "position": "right"
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Warmest wishes and all the best for the New Year</p>",
                            "css": "p { font-family: \"Amatic SC\"; color: #ffffff; font-size: 54px; text-align: center; font-weight: bold; }",
                            "width": 450,
                            "height": 200
                        },
                        "start": 7.2,
                        "length": 3.4,
                        "transition": {
                            "in": "fade",
                            "out": "slideDown"
                        },
                        "offset": {
                            "x": -0.1
                        },
                        "position": "right"
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>FROM</p>",
                            "css": "p { font-family: \"Montserrat\"; color: #ffffff; font-size: 14px; text-align: center; font-weight: bold }",
                            "width": 450,
                            "height": 30
                        },
                        "start": 10.4,
                        "length": 3.4,
                        "transition": {
                            "in": "fade",
                            "out": "slideDown"
                        },
                        "offset": {
                            "x": -0.1,
                            "y": 0.08
                        },
                        "position": "right"
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>Chris and Betsy</p>",
                            "css": "p { font-family: \"Amatic SC\"; color: #ffffff; font-size: 64px; text-align: center; font-weight: bold; }",
                            "width": 450,
                            "height": 100
                        },
                        "start": 10.6,
                        "length": 3,
                        "transition": {
                            "in": "fade",
                            "out": "slideDown"
                        },
                        "offset": {
                            "x": -0.1
                        },
                        "position": "right"
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-content.s3-ap-southeast-2.amazonaws.com/christmas-2020/christmas-tree-branded.mp4",
                            "volume": 1
                        },
                        "start": 0,
                        "length": 19
                    }
                ]
            }
        ],
        "fonts": [
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/AmaticSC-Bold.ttf"
            },
            {
                "src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/fonts/Montserrat-Regular.ttf"
            }
        ],
        "background": "#000000"
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}

Mirror timelapse effect

Official example


{
    "timeline": {
        "tracks": [
            {
                "clips": [
                    {
                        "asset": {
                            "type": "audio",
                            "src": "https://feeds.soundcloud.com/stream/574894515-unminus-hustle-muscle.mp3",
                            "effect": "fadeOut",
                            "trim": 3.68
                        },
                        "start": 0.2,
                        "length": 29
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>MIRROR EFFECT</p>",
                            "css": "p { font-family: 'Work Sans Light'; font-size: 48px; color: #ffffff; }",
                            "width": 600,
                            "height": 60
                        },
                        "start": 0.2,
                        "length": 8,
                        "effect": "zoomOutSlow",
                        "transition": {
                            "out": "fadeSlow"
                        },
                        "offset": {
                            "y": 0.03
                        }
                    },
                    {
                        "asset": {
                            "type": "html",
                            "html": "<p>MIRROR EFFECT</p>",
                            "css": "p { font-family: 'Work Sans Light'; font-size: 48px; color: #ffffff; }",
                            "width": 600,
                            "height": 60
                        },
                        "start": 0.2,
                        "length": 8,
                        "opacity": 0.65,
                        "effect": "zoomOutSlow",
                        "transition": {
                            "out": "fadeSlow"
                        },
                        "transform": {
                            "flip": {
                                "vertical": true
                            }
                        },
                        "offset": {
                            "y": -0.03
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
                            "trim": 0,
                            "crop": {
                                "right": 0.5
                            }
                        },
                        "start": 2,
                        "length": 4,
                        "transition": {
                            "in": "fadeSlow"
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
                            "trim": 0,
                            "crop": {
                                "right": 0.5
                            }
                        },
                        "start": 2,
                        "length": 4,
                        "transition": {
                            "in": "fadeSlow"
                        },
                        "transform": {
                            "flip": {
                                "horizontal": true
                            }
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 6,
                        "length": 4
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 6,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "horizontal": true
                            }
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 6,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "vertical": true
                            }
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 6,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "horizontal": true,
                                "vertical": true
                            }
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 10,
                        "length": 4
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 10,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "horizontal": true
                            }
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 10,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "vertical": true
                            }
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 10,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "horizontal": true,
                                "vertical": true
                            }
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
                            "crop": {
                                "left": 0.5
                            }
                        },
                        "start": 14,
                        "length": 4
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-night-timelapse.mp4",
                            "crop": {
                                "left": 0.5
                            }
                        },
                        "start": 14,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "horizontal": true
                            }
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
                            "crop": {
                                "right": 0.5
                            }
                        },
                        "start": 18,
                        "length": 4
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
                            "crop": {
                                "right": 0.5
                            }
                        },
                        "start": 18,
                        "length": 4,
                        "transform": {
                            "flip": {
                                "horizontal": true
                            }
                        }
                    }
                ]
            },
            {
                "clips": [
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 22,
                        "length": 6,
                        "transition": {
                            "out": "fadeSlow"
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 22,
                        "length": 6.4,
                        "transition": {
                            "out": "fadeSlow"
                        },
                        "transform": {
                            "flip": {
                                "horizontal": true
                            }
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 22,
                        "length": 6.2,
                        "transition": {
                            "out": "fadeSlow"
                        },
                        "transform": {
                            "flip": {
                                "vertical": true
                            }
                        }
                    },
                    {
                        "asset": {
                            "type": "video",
                            "src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/footage/traffic-drone-timelapse.mp4",
                            "trim": 4,
                            "crop": {
                                "right": 0.5,
                                "top": 0.5
                            }
                        },
                        "start": 22,
                        "length": 6.6,
                        "transition": {
                            "out": "fadeSlow"
                        },
                        "transform": {
                            "flip": {
                                "horizontal": true,
                                "vertical": true
                            }
                        }
                    }
                ]
            }
        ]
    },
    "output": {
        "format": "mp4",
        "resolution": "sd"
    }
}