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.

Grid tile transitions v1.0.0

Use this resource to pick and reuse a tile transition for an edit

New

  • 568 downloads
  • 240 likes
  • 205 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install grid-tile-transitions

First time: connect the CLI with

npx --yes palatekit@latest login

The block chains several grid-based transitions between a scene A and a scene B, with each effect's name displayed (for example 'Grid Dissolve'). The agent uses it as a catalog: it keeps the effect you like and wires it to your scenes. You see the effects in context before choosing.

Mostly picked by

Updated November 2, 2026

Details

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

Similar resources

View all

What you get

  • transitions-grid.html: the tile transitions showcase
  • registry-item.json: dimensions (1920 x 1080), 11 s duration and files
  • README.md: usage guide

Good fit for

  • Choosing a transition style before an edit
  • A dynamic slideshow of several images
  • A presentation video with graphic scene changes

Not for

  • Using it directly as a finished video
  • An edit that prefers discreet fades

Tags

  • transition
  • grid
  • tiles
  • showcase

About

You say

"Show me the tile transitions and apply the grid dissolve between my two images."

A scene dissolving into grid tiles to reveal another

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

Show more

Prerequisites

You bring
The two scenes to link and The name of the chosen effect from the showcase
Dependencies
HyperFrames (Node.js)

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

  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.9 KB
  • registry-item.json0.7 KB
  • transitions-grid.html8.5 KB

Origin and licence

Modified by PalateKit

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

Notice

Version modifiée de « Grid 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 it a ready-to-use transition?

It is a showcase of several effects; the agent extracts the one you choose.

Where is each effect's name shown?

In the info bar (.info-name) displayed during the showcase.