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.

PalateKit Pick

3D wireframe title bursting from a portal v1.0.0

Use this resource to build a 3D title card to open a video

New

  • 335 downloads
  • 176 likes
  • 221 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install wireframe-portal-title

First time: connect the CLI with

npx --yes palatekit@latest login

The agent sets the title, replacement phrase, accent color and burst intensity through nine variables. The 3D letters are built from the Geist typeface, appear through the portal, then swap into the new phrase with a slight glitch. You get a striking intro without any 3D software.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames (Node.js)
  • Internet connection (three.js, GSAP, Clipper from a CDN)
Licence
Apache-2.0

Similar resources

View all

What you get

  • wireframe-portal-title.html: the 3D block with its nine variables
  • assets/fonts: Geist Regular, SemiBold and Bold with their license
  • SKILL.md and registry-item.json: variables, runtime contract and editing rules
  • README.md: usage guide

Good fit for

  • A channel intro or product launch opener
  • A film, teaser or trailer title
  • A section card in a video presentation

Not for

  • A title longer than 18 characters
  • A light machine: the block needs a lot of memory (about 350 MB)

Tags

  • title card
  • 3d
  • wireframe
  • intro

About

You say

"Make a 3D intro with the title 'LAUNCH' turning into 'Out tomorrow' in yellow."

3D wireframe letters emerging from a glowing portal

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

Show more

Prerequisites

You bring
The title (18 characters max) and the replacement phrase and An accent color
Dependencies
HyperFrames (Node.js) and Internet connection (three.js, GSAP, Clipper from a CDN)

How to use it

  1. Install the resource with npx hyperframes add in your HyperFrames project
  2. Ask the agent to customize the text, colors or scenes
  3. Render the video with npx hyperframes render

Content preview

Files

  • assets/fonts/Geist-Bold.ttf65 KB
  • assets/fonts/Geist-OFL.txt4.3 KB
  • assets/fonts/Geist-Regular.ttf65 KB
  • assets/fonts/Geist-SemiBold.ttf65.1 KB
  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md1.6 KB
  • registry-item.json1.8 KB
  • SKILL.md4.1 KB
  • wireframe-portal-title.html63.2 KB

Origin and licence

Modified by PalateKit

Author
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/wireframe-portal-title
Licence
Apache-2.0

Notice

Version modifiée de « Wireframe Portal Title » (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

Which variables can I set?

title, replacementPhrase, subtitle, accent, burstChaos (0-2), phraseDuration, phraseEasing, settleGlitch and depthFog.

How do I render with my values?

Pass them to the render command with --variables, for example '{"title":"BREAKTHROUGH"}'.