Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

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.

Ridged turbulence burn shader transition v1.0.0

Use this resource to move between scenes with a burn effect

New

  • 558 downloads
  • 242 likes
  • 165 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install ridged-burn-transition

First time: connect the CLI with

npx --yes palatekit@latest login

The agent adds a GPU transition where the first scene is consumed by ridged turbulence with a glowing edge, revealing the next scene. The effect is dramatic and suits reveals. The included demo info panel can be removed.

Mostly picked by

Updated November 2, 2026

Details

Generates with
HyperFrames
Uses
  • HyperFrames
  • Node.js
  • FFmpeg
Licence
Apache-2.0

Similar resources

View all

What you get

  • ridged-burn.html: ready-to-use HyperFrames composition (1920x1080, 4 s)
  • README.md: usage guide (installation, variables, render)
  • registry-item.json: block install manifest

Good fit for

  • Dramatizing a product or result reveal.
  • Marking a chapter change in a video.
  • Adding impact to an intro or a Reel.

Not for

  • A calm or sober corporate video.
  • An environment without graphics acceleration (WebGL).

Tags

  • transition
  • shader
  • burn
  • reveal

About

You say

"Use the burn transition between the problem scene and the solution scene, over 1 second."

Black scene consumed by a red burn revealing the next scene.

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

Show more

Prerequisites

You bring
The two scenes to link and The duration and timing of the transition
Dependencies
HyperFrames, Node.js, and FFmpeg

How to use it

  1. Install HyperFrames in your video project, then add the block.
  2. Ask your agent to adapt texts, colors and timings to your content.
  3. Run the render to get the video.

Content preview

Files

  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md1 KB
  • registry-item.json0.7 KB
  • ridged-burn.html13 KB

Origin and licence

Modified by PalateKit

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

Notice

Version modifiée de « Ridged Burn » (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 install it in my project?

Copy ridged-burn.html into the compositions/ folder of a HyperFrames project (with the assets/ folder if there is one), or ask your agent to run npx hyperframes add ridged-burn.

What can I customize?

You can change scenes A and B (#s1 and #s2 blocks), their colors and the transition duration. Ask your agent to adapt the file to your content.