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.

Scribble transition v1.0.0

Use this resource to cut between two shots with a hand-drawn transition

New

  • 498 downloads
  • 239 likes
  • 245 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install scribble-wipe-transition

First time: connect the CLI with

npx --yes palatekit@latest login

The agent layers scribble bands over your video that pile up until they cover the picture, with a solid backstop. The shot changes while the screen is covered, then the scribble clears. You set the colour, the number of bands and the stroke weight.

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

  • hw-scribble-transition.html: the 1920x1080 transition, 2.2 seconds
  • README.md: CONFIG settings
  • registry-item.json: dimensions, duration and target path

Good fit for

  • Dynamic edits of Reels and teaching videos
  • Moving between two sequences of a handwritten-style video
  • Channels with a marker-and-paper look

Not for

  • Discreet, corporate transitions
  • Edits without an overlay layer

Tags

  • transition
  • scribble
  • wipe
  • handwritten
  • svg

About

You say

"Add the scribble transition between shots 2 and 3, in pink, with 9 bands."

A solid bright orange full frame: the scribble has covered the picture at the midpoint of the transition.

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

Show more

Prerequisites

You bring
Two shots to join
Dependencies
HyperFrames, Node.js, and FFmpeg

How to use it

  1. Copy the HTML into your HyperFrames project, at the cut point.
  2. Set color, bands, strokeScale and seed in CONFIG.
  3. Run the preview then render.

Content preview

Files

  • hw-scribble-transition.html5 KB
  • LICENSE10.5 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/hw-scribble-transition
Licence
Apache-2.0

Notice

Version modifiée de « Scribble Transition » (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.