Every Premium video Skill, one plan. Cancel anytime.See plans
Ember & Bun · 16:9

Rendered by this Skill

Neon Border Lower Third v1.0.0

Two arcs of light race around the edge of a rounded panel and snap together before the name and role appear.

No ratings yet 0 downloads
Format
Video · 16:9
Length
0:05

Free Free with an account

Sign in to download

Paste this into your agent. It connects the CLI if needed, then installs the Skill.

A free HyperFrames block for a 4.8-second name title with energy. Two glowing arcs travel the border of a rounded panel, step from corner to corner and close the outline, then the name and role fade in. Name, role, accent colour, movement style, speed, corner radius, line thickness, arc length and glow are variables; the background is transparent.

Updated Nov 4, 2026

What you get

  • A 4.8-second 1920×1080 lower third with a transparent background
  • Glowing arcs that trace the panel border
  • Variables for name, role, accent, motion, radius, thickness and glow

Good fit

  • Creators, chefs and hosts
  • Gaming and tech channels
  • Event and stage videos

Not for

  • Very formal or corporate tones
  • Long titles

About this Skill

You say

/lt-neon-border Make a neon border lower third for "Marco Ruiz", "Head chef · Ember & Bun", in orange, over our burger shot.

A name title can have personality. Neon Border Lower Third traces its own frame with two arcs of light, so the speaker's name arrives with a little show. It suits creators, chefs, gamers and anyone with a bold brand.

How it works

  1. Ask: tell your agent the name and role, an accent colour and how lively the arcs should move.
  2. Fill: it writes your copy and colours into the block's variables, keeping text close to the length the layout was made for.
  3. Render: it renders a draft with npx hyperframes render, checks a few frames and renders the final MP4.
  4. Reuse: the variables live in one small JSON file, so the next version is one more render.

Tips

  • Pick the accent from your brand colours.
  • The "step" movement feels mechanical; a smooth one feels calmer.
  • The background is transparent, so render it with an alpha channel and lay it over your own footage, photo or a plain colour; the SKILL.md shows the two commands.
  • Works on dark or busy footage thanks to the glow.

Open source

This is a block from the HyperFrames registry, made by HeyGen and the HyperFrames contributors (heygen-com/hyperframes) and shared under the Apache License 2.0. The download is the block with its assets and a SKILL.md written by Reelity, so your agent knows how to fill and render it; HyperFrames itself runs from npm.

What you need before you start

You bring
A name, a short role and an accent colour.
Dependencies
Node.js 22 or newer — required · FFmpeg — required
Outside costs
None. HyperFrames is free and open source and renders on your own machine.
Last tested
v1.0.0 —

User reviews

No reviews yet. Install the Skill and be the first to rate it.

FAQ

Can the arcs move smoothly instead of stepping?

Yes. The movement style and speed are variables.

Can I turn the glow down?

Yes. Glow, thickness and arc length are all variables.

Why is it free?

It is an open-source HyperFrames block by HeyGen and the HyperFrames contributors. We list it as it is, with a SKILL.md so your agent can use it and a sample made with one of our house brands, Ember & Bun.

Guides

How to add a clean name lower third to an interviewEvery interview needs a name title. How to add a clean, readable one over bright footage, free, with the Dark Card Lower Third block.How to make an animated neon lower thirdA name title can have personality. How to make one whose border is traced by glowing arcs, free, with the Neon Border Lower Third block.

Similar Skills

View all