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.

Animated Specs Checklist Over Video v1.0.0

Use this resource to present a product's features as an animated list

New

  • 371 downloads
  • 212 likes
  • 109 saves

$4.99

Lifetime access to this resource, with its updates.

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install specs-checklist-overlay

First time: connect the CLI with

npx --yes palatekit@latest login

The agent fills in a list of rows (label and value) that appear in a cascade, each with an accent line drawing underneath. It picks the light or dark scheme, line width, spacing, stagger between rows and a readability scrim over the video. You get an 8 second overlay to present strengths, a spec sheet or a product card.

Mostly picked by

Updated November 2, 2026

Details

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

Similar resources

View all

What you get

  • README.md: usage guide for the list
  • mk-specs-list.html: the composition with its CONFIG settings block
  • registry-item.json: 1920×1080 format, 8 s duration

Good fit for

  • Listing a product's strengths in a launch video
  • Showing an item's features in a shop video
  • Summing up an offer or a method in a few animated lines

Not for

  • A long data table
  • A numeric chart
  • More than six rows on the same frame

Tags

  • list
  • specs
  • product
  • overlay
  • minimal

About

You say

"Add a list of 4 specs for my water bottle (Material, Capacity, Weight, Warranty) in the dark scheme over my video."

A left-aligned list of five specs, each underlined by a blue line that draws itself.

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

Show more

Prerequisites

You bring
The rows to display (label and value) and Your video or HyperFrames project
Dependencies
HyperFrames (npx hyperframes) and Node.js

How to use it

  1. Install the block with npx hyperframes add mk-specs-list.
  2. Ask the agent to fill in the rows in the CONFIG block and pick the scheme and accent color.
  3. Layer the block over your video and run the HyperFrames render.

Content preview

Files

  • LICENSE10.5 KB
  • mk-specs-list.html6.8 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.8 KB
  • registry-item.json0.6 KB

Origin and licence

Modified by PalateKit

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

Notice

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

Where do I set the content and style?

In the CONFIG object of the script: rows, scheme (light or dark), lines, position, spacing, stagger and scrim. Colors and font are --mk-* CSS variables.

Is the Inter font included?

No. The block asks for Inter; without it a system font is used, or the agent can pick another.