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 money counter with sound effects v1.0.0

Use this resource to animate a revenue or amount counter in a video

New

  • 473 downloads
  • 214 likes
  • 147 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 money-counter-burst

First time: connect the CLI with

npx --yes palatekit@latest login

The agent adds an Apple-style counter to your HyperFrames project: the amount climbs from $0 to $10,000, the scene flashes green, then bills and coins burst around the number. A sound track (WAV file included) goes with the animation. Colors and font are driven by CSS variables.

Updated November 2, 2026

Details

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

Similar resources

View all

What you get

  • apple-money-count.html: ready-to-use HyperFrames composition (1920x1080, 5 s)
  • README.md: usage guide (installation, variables, render)
  • registry-item.json: block install manifest
  • assets/sfx-production.wav: sound effect included

Good fit for

  • Announcing a revenue figure or milestone in a YouTube video.
  • Illustrating a campaign result or a funding round.
  • Creating a short hook shot for a Reel about money or entrepreneurship.

Not for

  • A detailed financial summary with several figures.
  • A video that needs to stay quiet, without sound effects.

Tags

  • finance
  • counter
  • youtube
  • sound effects

About

You say

"Add the money counter to my video and make it climb to $25,000 using my brand colors."

Large dollar amount on a light background, surrounded by bills and coins bursting out in a green flash.

Block published by Stronkter under the Apache-2.0 license.

Show more

Prerequisites

You bring
The final amount to display and Your brand colors (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

  • apple-money-count.html8.5 KB
  • assets/sfx-production.wav937.5 KB
  • LICENSE10.5 KB
  • NOTICE-PALATEKIT.md0.4 KB
  • README.md1.1 KB
  • registry-item.json1.4 KB

Origin and licence

Modified by PalateKit

Author
Stronkter
Source
github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/blocks/apple-money-count
Licence
Apache-2.0

Notice

Version modifiée de « Apple Money Count » (Stronkter, 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 apple-money-count.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 apple-money-count.

What can I customize?

You can change the final amount and counting duration (in the HTML script), plus the CSS variables --bg, --fg, --accent and --font-display. Ask your agent to adapt the file to your content.