Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Sign in
Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

A page, a video or an image online.

Unlock PalateKit

Unlock everything

Plan

Paying means accepting our terms of sale.

Secure payment by Stripe. Receipts and invoices sent by email.

Welcome back

Sign in to install, download or save this resource. A free account is enough for free resources.

Fill a widescreen frame with vertical media v1.0.0

Use this resource to fit a vertical image into a horizontal video

New

  • 471 downloads
  • 115 likes
  • 115 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install vertical-media-filler

First time: connect the CLI with

npx --yes palatekit@latest login

The agent centres your portrait image in a 1920x1080 frame and fills the sides with a blurred enlargement, a mirror or a copy. It adds a texture grid, lifts the contrast of the foreground image slightly and applies a slow Ken Burns move. You pick the mode and the settings.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames
  • Node.js
  • FFmpeg
Licence
Apache-2.0

Similar resources

View all

What you get

  • yt-vertical-fill.html: the 1920x1080 composition, 8 seconds
  • README.md: modes and CONFIG settings
  • registry-item.json: dimensions, duration and target path

Good fit for

  • Using a screenshot or a Reel in a YouTube video
  • Showing a vertical poster or photo in a wide edit
  • Presenting a mobile app in 16:9

Not for

  • Vertical videos to publish as they are
  • Live footage (the block handles images, not video)

Tags

  • vertical
  • 16:9
  • image
  • fill
  • editing

About

You say

"Put this portrait photo in a 16:9 frame with mirrored side bands, no grid."

A 9:16 vertical image in the centre of a widescreen frame, with blurred side bands and a subtle pixel grid.

Template published by HeyGen (HyperFrames) under the Apache-2.0 license.

Show more

Prerequisites

You bring
A portrait image (9:16)
Dependencies
HyperFrames, Node.js, and FFmpeg

How to use it

  1. Copy the HTML into your HyperFrames project.
  2. Set the image path in src and choose mode.
  3. Run the preview then render.

Content preview

Files

  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.8 KB
  • registry-item.json0.7 KB
  • yt-vertical-fill.html6.8 KB

Origin and licence

Modified by PalateKit

Author
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/yt-vertical-fill
Licence
Apache-2.0

Notice

Version modifiée de « Vertical Media Filler » (HeyGen (HyperFrames), Apache-2.0) : traduction française et fiche par PalateKit.

User reviews

–

No ratings yet

Loading reviews…

Delete your review?

Your rating and comment will be removed from the page.

Frequently asked questions

How do I use it in a HyperFrames project?

Copy the HTML file into your HyperFrames project, at the target path given in registry-item.json, then run the HyperFrames preview and render.

Does it need an internet connection?

Yes for rendering: the HTML loads GSAP from a CDN (jsdelivr) and, depending on the template, Google Fonts.