FreeVideo
AI answer where a brand climbs the ranking
- 570570 downloads
- 126126 likes
- 226226 saves
Works with
+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
Rolling digit counter v1.0.0
Use this resource to animate a digit counter
New
- 443 downloads
- 136 likes
- 172 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install rolling-digit-counterFirst time: connect the CLI with
npx --yes palatekit@latest loginThe agent adds to your HyperFrames project a composition rendered as video with a wheel counter for an amount or a total. You set the spin type, the spacing and the tone. You get a precise counter for metrics, prices or scores.
Mostly picked by
Updated November 2, 2026
Previews
Details
- Install guides
- Generates with
- HyperFrames
- Uses
- HyperFrames (npx hyperframes)
- Node.js
- Licence
- Apache-2.0
Similar resources
View all- Free
FreeVideo
Ranked bars racing over time
- 312312 downloads
- 110110 likes
- 201201 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Vertigo effect: dolly shot offset by zoom
- 503503 downloads
- 107107 likes
- 134134 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 1
- 489489 downloads
- 129129 likes
- 213213 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 2
- 485485 downloads
- 222222 likes
- 232232 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 3
- 486486 downloads
- 184184 likes
- 200200 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 4
- 341341 downloads
- 165165 likes
- 129129 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
FreeVideo
Image carousel on a circle, style 5
- 549549 downloads
- 142142 likes
- 127127 saves
Works with+ HyperFrames- Claude Code
- Codex
- Cursor
- and 3 more
What you get
- README.md: usage guide
- demo.html: the author's original file
- number-wheel.html: the author's original file
- registry-item.json: the author's original file
Good fit for
- Display a price or a total
- Announce a score or a ranking
- Show the number of customers
Not for
- A classic video edit without HyperFrames or Node.js
- An animation that must run as is on a web page
Tags
- counter
- digits
- data
- roll
- score
About
You say
"Roll a counter up to the value 30222."
Composition published by HeyGen (HyperFrames) under the Apache-2.0 license, resource page and guide written by PalateKit.
Show moreShow less
Prerequisites
- You bring
- Your texts and colors and A HyperFrames project (or the agent creates one)
- Dependencies
- HyperFrames (npx hyperframes) and Node.js
How to use it
- Install it in your HyperFrames project with npx hyperframes add number-wheel, or copy the provided files.
- Ask the agent to change the texts, colors and duration in the HTML file.
- Run the HyperFrames preview, then the render, to get the video.
Content preview
Files
- demo.html8.3 KB
- LICENSE10.5 KB
- NOTICE-PALATEKIT.md0.4 KB
- number-wheel.html5 KB
- README.md0.8 KB
- registry-item.json2.2 KB
Origin and licence
Modified by PalateKit
- Author
- HeyGen (HyperFrames)
- Source
- github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/number-wheel
- Licence
- Apache-2.0
Notice
Version modifiée de « Number Wheel » (HeyGen (HyperFrames), Apache-2.0) : traduction française et fiche par PalateKit.
User reviews
–
No ratings yet
Loading reviews…
Frequently asked questions
Do I need HyperFrames?
Yes: the composition renders to video with HyperFrames (Node.js). The agent can install it and run the render.
Can I change the texts and colors?
Yes, they live in the HTML file. Give the agent your texts and palette.