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.

Animated TikTok follow overlay v1.0.0

Use this resource to add a TikTok follow overlay to a vertical video

New

  • 537 downloads
  • 109 likes
  • 211 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install tiktok-follow-overlay

First time: connect the CLI with

npx --yes palatekit@latest login

The agent adds a profile card (avatar, name, handle, follower count) to your HyperFrames project; it slides up from the bottom of the frame. The Follow button is then pressed and changes to Following. The background is transparent, so you get an overlay ready to sit on top of an edit.

Mostly picked by

Updated November 2, 2026

Details

Generates with
HyperFrames
Uses
  • HyperFrames
  • Node.js
  • FFmpeg
Licence
Apache-2.0

Similar resources

View all

What you get

  • tiktok-follow.html: ready-to-use HyperFrames composition (1080x1920, 4.5 s)
  • README.md: usage guide (installation, variables, render)
  • registry-item.json: block install manifest
  • assets/avatar.jpg: sample avatar to replace

Good fit for

  • Inviting viewers to follow you in a Reel, a Short or a TikTok.
  • Adding an animated call to action to an already edited vertical video.
  • Producing several versions of the same overlay for different accounts.

Not for

  • A horizontal 1920x1080 video without adaptation.
  • An overlay for a platform other than TikTok.

Tags

  • tiktok
  • overlay
  • social
  • follow

About

You say

"Add the TikTok Follow overlay to my vertical video, with my name, my @mybrand handle and 12,400 followers."

Rounded profile card with avatar, name, follower count and a red Follow button that turns into Following.

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

Show more

Prerequisites

You bring
Your name, handle and follower count and Your profile picture (replaces assets/avatar.jpg)
Dependencies
HyperFrames, Node.js, and FFmpeg

How to use it

  1. Install HyperFrames in your video project, then add the block.
  2. Ask your agent to adapt texts, colors and timings to your content.
  3. Run the render to get the video.

Content preview

Files

  • assets/avatar.jpg4.9 KB
  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md1 KB
  • registry-item.json0.9 KB
  • tiktok-follow.html6.2 KB

Origin and licence

Modified by PalateKit

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

Notice

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

How do I install it in my project?

Copy tiktok-follow.html into the compositions/ folder of a HyperFrames project (with the assets/ folder if there is one), or ask your agent to run npx hyperframes add tiktok-follow.

What can I customize?

You can change the display name, handle and follower count (in the HTML) and the assets/avatar.jpg image. Ask your agent to adapt the file to your content.