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.

Coral and pink Blob animated background v1.0.0

Use this resource to add an organic animated background to a brand video

New

  • 582 downloads
  • 107 likes
  • 134 saves

Free

Install with the CLI

In a terminal, from the folder you want:

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

First time: connect the CLI with

npx --yes palatekit@latest login

The agent drops this HyperFrames block into your video project and uses it behind your titles or logos. The background is computed by a WebGPU shader from the Shaders library, at 1920x1080 over 2 seconds. You get a soft, modern backdrop with no image to supply.

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

  • blob.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

  • Dressing up the intro or outro of a brand video
  • Making a backdrop for a quote or animated title
  • Replacing a still image with a living background in a reel

Not for

  • A machine or browser without WebGPU
  • A scene that needs product visuals or photos
  • A long runtime without looping the background

Tags

  • shader
  • webgpu
  • animated background
  • gradient
  • hyperframes

About

You say

"Add the Blob background behind the title of my 5-second intro and render the video as MP4."

A soft coral and pink blob with a warm highlight slowly changing shape on a black background.

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

Show more

Prerequisites

You bring
Your HyperFrames project and The title or logo 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 text and adjust the duration.
  3. Run the HyperFrames render command and check the MP4.

Content preview

Files

  • blob.html0.7 KB
  • 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

Origin and licence

Modified by PalateKit

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

Notice

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

Do I need a specific graphics card?

The shader uses WebGPU, so you need a browser or render engine that supports it.

Can I change the colors?

The colors come from the Blob shader; ask the agent to tweak its parameters in the composition or add a tint layer on top.