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.

Staggered blocks and blinds transitions catalog v1.0.0

Use this resource to pick and reuse a blinds transition for a video edit

New

  • 362 downloads
  • 147 likes
  • 177 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install cover-transitions-showcase

First time: connect the CLI with

npx --yes palatekit@latest login

The agent uses the page to reuse one of the three transitions and apply it to your scenes. Each demo moves from a scene A to a scene B, with a banner naming the effect and the instruction to give. You get code ready to copy.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames (npm: hyperframes)
  • Node.js
  • FFmpeg (MP4 rendering)
  • Internet connection (GSAP from CDN)
Licence
Apache-2.0

Similar resources

View all

What you get

  • transitions-cover.html: the HyperFrames composition (1920×1080) with three transitions
  • An info banner naming each effect
  • A block description file (registry-item.json)
  • A preview video and image

Good fit for

  • A clear transition between two parts of a video presentation
  • Reusing blinds effect code in your composition
  • Showing a client transition options

Not for

  • A ready-to-publish video template
  • A discreet crossfade
  • Effects without GSAP

Tags

  • transition
  • blinds
  • cover
  • showcase

About

You say

"Use the catalog's horizontal blinds transition between my intro and my first chapter."

A demo screen with a banner naming a staggered-blocks transition.

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

Show more

Prerequisites

You bring
Your scenes to join and The transition chosen in the preview
Dependencies
HyperFrames (npm: hyperframes), Node.js, FFmpeg (MP4 rendering), and Internet connection (GSAP from CDN)

How to use it

  1. Add the block to your HyperFrames project and watch the preview.
  2. Tell the agent the chosen transition and your two scenes.
  3. Have it copy the code into your composition and render.

Content preview

Files

  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.7 KB
  • registry-item.json0.7 KB
  • transitions-cover.html11.1 KB

Origin and licence

Modified by PalateKit

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

Notice

Version modifiée de « Cover Transitions » (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

Is this a complete template?

No: it is a catalog of code examples to reuse in another composition.

Which library does it use?

GSAP 3.14.2, loaded from a public CDN.