Panels and text reveal effect intro video template

Professionally built templates to get you started.

{
"timeline": {
"fonts": [
{
"src": "https://templates.shotstack.io/basic/asset/font/barlow-extrabold.ttf"
},
{
"src": "https://templates.shotstack.io/basic/asset/font/barlow-regular.ttf"
}
],
"soundtrack": {
"src": "https://shotstack-assets.s3-ap-southeast-2.amazonaws.com/music/freepd/fireworks.mp3",
"effect": "fadeOut"
},
"background": "#000000",
"tracks": [
{
"clips": [
{
"asset": {
"type": "image",
"src": "https://shotstack-assets.s3.ap-southeast-2.amazonaws.com/logos/carmart-color-white.png"
},
"start": 0,
"length": 5,
"fit": "none",
"scale": 0.65,
"position": "topLeft",
"offset": {
"x": 0.04,
"y": -0.1
},
"transition": {
"in": "fade"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 700,
"height": 80,
"background": "#fffcf2"
},
"start": 1.5,
"length": 1,
"position": "left",
"offset": {
"x": 0.035,
"y": 0.03
},
"transition": {
"in": "slideDown",
"out": "slideDown"
}
},
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 770,
"height": 80,
"background": "#fffcf2"
},
"start": 1.7,
"length": 1,
"position": "left",
"offset": {
"x": 0.035,
"y": -0.05
},
"transition": {
"in": "slideDown",
"out": "slideDown"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>Primary text on this line</p>",
"css": "p { font-family: \"Barlow ExtraBold\"; color: #ffffff; font-size: 60px; text-align: left; }",
"width": 800,
"height": 70
},
"start": 1.9,
"length": 3.1,
"position": "left",
"offset": {
"x": 0.04,
"y": 0.03
}
},
{
"asset": {
"type": "html",
"html": "<p>Secondary text on this line</p>",
"css": "p { font-family: \"Barlow\"; color: #ffffff; font-size: 60px; text-align: left; }",
"width": 800,
"height": 70
},
"start": 2.1,
"length": 2.9,
"position": "left",
"offset": {
"x": 0.04,
"y": -0.05
}
},
{
"asset": {
"type": "html",
"html": "<p>email@example.com</p>",
"css": "p { font-family: \"Barlow\"; color: #000000; font-size: 30px; text-align: left; }",
"width": 400,
"height": 100
},
"start": 2.2,
"length": 2.8,
"position": "bottomRight",
"offset": {
"y": 0.1
},
"transition": {
"in": "slideUp"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 700,
"height": 20,
"background": "#ffe499"
},
"start": 1.9,
"length": 3.1,
"position": "left",
"offset": {
"x": 0.035,
"y": 0.01
}
},
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 770,
"height": 20,
"background": "#ffe499"
},
"start": 2.1,
"length": 2.9,
"position": "left",
"offset": {
"x": 0.035,
"y": -0.067
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 450,
"height": 100,
"background": "#fff8e6"
},
"start": 1.5,
"length": 3.5,
"position": "bottomRight",
"offset": {
"y": 0.1
},
"transition": {
"in": "carouselLeft"
}
},
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 460,
"height": 100,
"background": "#2B35FC"
},
"start": 1.4,
"length": 3.6,
"position": "bottomRight",
"offset": {
"y": 0.1
},
"transition": {
"in": "carouselLeft"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 960,
"height": 1080,
"background": "#ffbc00"
},
"start": 0.7,
"length": 4.3,
"position": "right",
"transition": {
"in": "carouselLeftSlow"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 1200,
"height": 1080,
"background": "#ffcd40"
},
"start": 0.5,
"length": 4.5,
"position": "left",
"transition": {
"in": "carouselRightSlow"
}
}
]
},
{
"clips": [
{
"asset": {
"type": "html",
"html": "<p>&nbsp;</p>",
"width": 1920,
"height": 1080,
"background": "#FF8E00"
},
"start": 0,
"length": 5
}
]
}
]
},
"output": {
"format": "mp4",
"resolution": "1080"
}
}

Sliding panels with text overlay reveals and underline effects intro. Use a title slide for your video.

New to Shotstack? Sign up to use this template and start automatically generating videos.

SIGN UP

How to use this template

Use this template as the starting point for your automated video editing project. Customize it to meet the needs of your application or workflow.

Postman

Test and modify this template directly in Postman by forking our public Collection.

Application

Customize the template and integrate it in to your application or workflow using the programming language of your choice.

SDK

Use this template as the starting point for integration with our SDKs. Port the JSON to PHP, Node or Ruby and integrate in to your code base.

Experience Shotstack for yourself, with no risk, and generate your first video in 15 minutes.