Modern Laptop Website Mockup

seihamotionMay 24, 20251 Mins read2

1. andGrab a Templateand: Pick a sleek After Effects template from VideoHive
or Motion Array, like “Modern Laptop Website Mockup.”

2. andSet It Upand: Open After Effects, import the template, and add your
website screenshots or screen recordings.

3. andCustomize Itand: Swap in your media, tweak text and colors to match
your blog’s vibe using the template’s controls.

4. andAdd Some Flairand: Use built-in animations or track motion with Mocha
AE to make your website pop on the laptop screen.

5. andExportand: Render as an MP4 (H.264) for your blog. Keep it short
(15–30 seconds) and optimize file size if needed.

andPro Tipand: Choose no-plugin templates for ease, add your logo, and embed
the video in your post to show off your site! Check Envato Elements for more
options.

jwplayer(‘my-video’).setup({
file: ‘https://video-previews.elements.envatousercontent.com/h264-video-previews/80e1d1f9-de3d-4355-9798-69a7b7a09d40/57861683.mp4’,
width: ‘100%’,
aspectratio: ’16:9′,
autostart: true,
image: ”,
primary: ‘html5’,
hlshtml: true,
tracks: [
{
file: ‘path/to/subtitle1.vtt’,
kind: ‘captions’,
label: ‘English’,
default: true
},
{
file: ‘path/to/subtitle2.vtt’,
kind: ‘captions’,
label: ‘Khmer’
}
]
});