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.

Lower third with a side rule v1.0.0

Use this resource to show a speaker's name and role over a video

New

  • 393 downloads
  • 165 likes
  • 199 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install lower-third-side-rule

First time: connect the CLI with

npx --yes palatekit@latest login

The agent layers a 4.8-second lower third over your video: a vertical bar grows, then the name and role slide in from the left. The text carries a soft shadow so it stays readable over a busy picture. You change the name, the role and the bar colour.

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

  • lt-side-rule.html: the 1920x1080 animated lower third, 4.8 seconds
  • README.md: texts, colour and position to adjust
  • registry-item.json: dimensions, duration and target path

Good fit for

  • Filmed interviews and podcasts
  • Introducing a speaker in a webinar
  • Brand videos and customer testimonials

Not for

  • Styles with cards and opaque backgrounds
  • Long texts or several role lines

Tags

  • lower third
  • interview
  • podcast
  • overlay
  • minimal

About

You say

"Add the side-rule lower third to my interview: name 'Léa Martin', role 'Founder · Atelier Lune', orange bar."

A name in large white capitals with a thin green vertical bar on its left and the role below, at the bottom of the frame.

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

Show more

Prerequisites

You bring
Your background video and The name and role to display
Dependencies
HyperFrames, Node.js, and FFmpeg

How to use it

  1. Copy the HTML into your HyperFrames project, above the video.
  2. Replace the name, the role and the bar colour.
  3. Run the preview then render.

Content preview

Files

  • LICENSE10.5 KB
  • lt-side-rule.html3.2 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.8 KB
  • registry-item.json0.6 KB

Origin and licence

Modified by PalateKit

Author
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/lt-side-rule
Licence
Apache-2.0

Notice

Version modifiée de « Lower Third — Side Rule » (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.