Every premium and members-only resource for $9.99/month, as a no-commitment subscription. See the plans

PalateKit

Menu

Request a resource

Describe the resource you are missing in one sentence. We will email you when it is published.

0 / 280

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.

Comment cards that type on over your video v1.0.0

Use this resource to show animated comments over a video

New

  • 354 downloads
  • 178 likes
  • 123 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install social-comment-cards

First time: connect the CLI with

npx --yes palatekit@latest login

The agent adds a stack of comment cards to a HyperFrames composition: the avatar pops in, username and time appear, then the text types character by character and the likes row arrives. It fills the CONFIG list with your comments. You get a video overlay that works on light or dark backgrounds.

Mostly picked by

Updated November 2, 2026

Details

Generates with
HyperFrames
Uses
  • HyperFrames (Node.js 22 and FFmpeg)
Licence
Apache-2.0

Similar resources

View all

What you get

  • README.md: usage guide (CONFIG, duration, render)
  • yt-comment-card.html: 8-second composition with two sample comments
  • registry-item.json: HyperFrames install descriptor

Good fit for

  • Social-proof or customer-review videos
  • Community reactions inside a YouTube video
  • Announcements that showcase user feedback

Not for

  • Fake reviews presented as real
  • Videos with no footage to overlay on

Tags

  • comments
  • social media
  • social proof
  • overlay
  • youtube

About

You say

"Show three comments from my subscribers typing on over my video clip, light theme, with initials instead of avatars."

Comment cards over footage with avatar, username, typewriter text and a likes row.

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

Show more

Prerequisites

You bring
The real comments to show (with their authors' consent) and Avatar images if you have them (initials are used otherwise)
Dependencies
HyperFrames (Node.js 22 and FFmpeg)

How to use it

  1. Install the block in your HyperFrames project
  2. Edit the CONFIG.comments list (username, time, text, likes)
  3. Render the video with the HyperFrames render command

Content preview

Files

  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md0.9 KB
  • registry-item.json0.6 KB
  • yt-comment-card.html9.9 KB

Origin and licence

Modified by PalateKit

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

Notice

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

Do I need avatar images?

No: with avatar set to null, a coloured initials chip is shown; its hue is set by avatarHue.

How do I change the style?

Set scheme to "light" for dark text on light backgrounds, or redefine the --yt-* variables at the top of the CSS.