Free
Ember & Bun · 16:9
Rendered by this Skill
Wireframe Portal Title v1.0.0
A wireframe portal bursts open, your title flies through it, then its letters scramble into a second phrase.
No ratings yet 0 downloads
- Format
- Video · 16:9
- Length
- 0:08
Free Free with an account
Paste this into your agent. It connects the CLI if needed, then installs the Skill.
A free HyperFrames block for an 8-second high-energy opener. A clean title card is torn open by a white burst, a wireframe tunnel opens behind it, the title glitches through in outline type and its letters swap into a second phrase before the frame flashes out. Title, second phrase, subtitle, accent colour and glitch are variables.
Updated Nov 2, 2026
What you get
- An 8-second 1920×1080 MP4 opener
- A title that turns into a second phrase
- Variables for the copy, accent, glitch and fog
Good fit
- Launch and drop openers
- Event, stream and episode intros
- Gaming, tech and food promos with energy
Not for
- Calm, quiet or luxury brands
- Long sentences
About this Skill
You say
/wireframe-portal-title Make a wireframe portal title for our burger launch: title "DOUBLE STACK", second phrase "Now serving", subtitle "THE DOUBLE STACK BURGER", accent orange.
An opener with a punch. Wireframe Portal Title starts on a calm title card, then blows it open: a white burst, a wireframe tunnel rushing past, the title in outline letters with an RGB edge, and a letter-swap into your second phrase. It ends on a flash, so it cuts straight into the next shot.
How it works
- Ask: tell your agent what the title should say: the title, the phrase it turns into, a small subtitle and an accent colour.
- Set up: it puts the block in a HyperFrames project and fills in your copy and colours as render variables.
- Preview: it checks a few frames, then renders a 1920×1080 MP4 with
npx hyperframes render. - Reuse: the variables live in one JSON file, so a new headline or a new brand is one more render.
Tips
- Use two phrases of similar length so the letter swap reads cleanly.
- Uppercase titles suit the outline type best.
- Turn the glitch down for a cleaner, more premium feel.
- Edit the small "presents" kicker line in the HTML to your brand name.
Open source
This is a HyperFrames registry block. 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, ready to render; HyperFrames itself runs from npm.
What you need before you start
- You bring
- A title, the phrase it should turn into 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 I remove the "presents" line?
Yes. It is one line of text in the HTML; your agent can change it to your brand name or delete it.
Will it work vertically?
It is built for 1920×1080. Your agent can render it and crop the centre for a 9:16 cut, since the title sits in the middle of the frame.
Why is it free?
It is an open-source Skill by HeyGen and the HyperFrames contributors. We list it as it is, with a sample made by running it on one of our house brands, Ember & Bun.
