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.

Magenta Voronoi cells animated background v1.0.0

Use this resource to add a graphic cell background to a video

New

  • 304 downloads
  • 227 likes
  • 182 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install shader-voronoi-background

First time: connect the CLI with

npx --yes palatekit@latest login

The agent inserts this HyperFrames block as the backdrop of your sequences: titles, key figures, credits. The pattern is computed by a WebGPU shader from the Shaders library, at 1920x1080 over 2 seconds. You get a lively graphic backdrop with no image file to prepare.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames
  • WebGPU-capable browser
Licence
Apache-2.0 AND MIT

Similar resources

View all

What you get

  • voronoi.html: the HyperFrames composition (1920x1080 canvas, 2 s)
  • lib/shaders.iife.js: the Shaders library (MIT) needed to render it
  • lib/shaders.THIRD-PARTY-LICENSES.txt: third-party licenses
  • README.md: usage guide

Good fit for

  • Illustrating a key-figures or data sequence
  • Making a title sequence or graphic transition
  • Adding depth to a video presentation backdrop

Not for

  • A machine or browser without WebGPU
  • A restrained video that needs a plain background
  • A backdrop that must stay readable under heavy text

Tags

  • shader
  • webgpu
  • voronoi
  • animated background
  • hyperframes

About

You say

"Use the Voronoi background behind my three key figures and export a 6-second video."

Magenta cells with glowing blue centers shifting and reshaping across the frame.

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

Show more

Prerequisites

You bring
Your HyperFrames project and The text or figures to place on top
Dependencies
HyperFrames and WebGPU-capable browser

How to use it

  1. Install the block in the compositions folder of your HyperFrames project.
  2. Ask the agent to place it behind your elements and lengthen the duration if needed.
  3. Run the HyperFrames render and check the result.

Content preview

Files

  • lib/shaders.iife.js1,410.9 KB
  • lib/shaders.THIRD-PARTY-LICENSES.txt16 KB
  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.9 KB
  • registry-item.json1 KB
  • voronoi.html0.7 KB

Origin and licence

Modified by PalateKit

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

Notice

Version modifiée de « Voronoi » (HeyGen (HyperFrames), Apache-2.0 AND MIT) : 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

The JavaScript file is large, is that normal?

Yes, lib/shaders.iife.js holds the full Shaders library and must stay next to the composition.

Can I change the pattern?

Ask the agent to adjust the Voronoi shader parameters in the composition.