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.

macOS-style notification banner v1.0.0

Use this resource to add an animated notification to a video

New

  • 440 downloads
  • 188 likes
  • 126 saves

Free

Install with the CLI

In a terminal, from the folder you want:

npx --yes palatekit@latest install macos-notification-banner

First time: connect the CLI with

npx --yes palatekit@latest login

The agent adds a macOS-style notification banner that enters from the right with an app icon, a title and a text. The background is transparent, so you can overlay it on a screen recording or a video to simulate a received message, a sale alert or a reminder.

Mostly picked by

Updated November 2, 2026

Details

Works in
Install guides
Generates with
HyperFrames
Uses
  • HyperFrames
  • Node.js
  • FFmpeg
Licence
Apache-2.0

Similar resources

View all

What you get

  • macos-notification.html: ready-to-use HyperFrames composition (1920x1080, 5 s)
  • README.md: usage guide (installation, variables, render)
  • registry-item.json: block install manifest

Good fit for

  • Simulating a sale or order notification in an ad.
  • Staging a received message in an explainer video.
  • Adding a visual reminder to a tutorial.

Not for

  • A fake message meant to deceive viewers.
  • A phone notification in vertical format without adaptation.

Tags

  • notification
  • macos
  • overlay
  • social

About

You say

"Add a macOS notification reading New order: $129 at 2 seconds into my video."

macOS-style notification banner with app icon, title and message.

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

Show more

Prerequisites

You bring
The notification title and text and The app icon (optional)
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

  • LICENSE10.5 KB
  • macos-notification.html5.2 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md1 KB
  • registry-item.json0.8 KB

Origin and licence

Modified by PalateKit

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

Notice

Version modifiée de « macOS Notification » (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 macos-notification.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 macos-notification.

What can I customize?

You can change the app name, title and body of the notification (.notification-title and .notification-body elements). Ask your agent to adapt the file to your content.