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

Text Match Cut: One Line Becomes Another v1.0.0

Use this resource to chain two lines of text with a match cut

New

  • 500 downloads
  • 199 likes
  • 122 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 text-match-cut

First time: connect the CLI with

npx --yes palatekit@latest login

The agent sets up an editing-style match cut: both lines ride the same easing curve and swap at the fastest instant, with no crossfade. It picks the move (zoom in or out, letter tracking, slide in four directions), the background and the gradient bar. You get a 3 second transition for a title or a hook.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames (npx hyperframes)
  • Node.js
Licence
Apache-2.0

Similar resources

View all

What you get

  • README.md: usage guide for the match cut
  • text-match-cut.html: the component and its motion logic
  • registry-item.json: the five variables (texts, move, sweep, background)

Good fit for

  • Switching from one hook to another in an animated title
  • Showing a before and an after with two lines
  • Adding rhythm to a YouTube intro or a reel

Not for

  • Long text over several lines
  • A soft crossfade between two images
  • A transition between two video shots

Tags

  • match cut
  • typography
  • transition
  • title
  • motion

About

You say

"Make a text match cut between 'A slow website' and 'A website that converts', sliding left, on a transparent background."

A line of large white text on a navy background, crossed by a cyan to blue gradient bar.

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

Show more

Prerequisites

You bring
The two lines to chain and Your video or HyperFrames project
Dependencies
HyperFrames (npx hyperframes) and Node.js

How to use it

  1. Install the component with npx hyperframes add text-match-cut.
  2. Ask the agent to enter the two lines and pick the move, the sweep and the background.
  3. Insert the component into your edit and run the HyperFrames render.

Content preview

Files

  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.9 KB
  • registry-item.json2.7 KB
  • text-match-cut.html14.2 KB

Origin and licence

Modified by PalateKit

Author
HeyGen (HyperFrames)
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/text-match-cut
Licence
Apache-2.0

Notice

Version modifiée de « Text Match Cut » (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

Can the duration be changed?

Yes. The move takes 2 seconds and the text then holds; if the total duration is shorter, the phases compress together.

Can it sit over a video?

Yes. With the background variable set to transparent, the scene under the component stays visible.