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
Visual accent on a single music hit v1.0.0
Use this resource to emphasize a precise music hit
New
- 505 downloads
- 209 likes
- 165 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install single-beat-impact-stingFirst time: connect the CLI with
npx --yes palatekit@latest loginThe agent adds a component rendered as video to your HyperFrames project that punctuates a beat. You set the moment of impact. You get a short accent to sync image and sound.
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
- beat-accent.html: the author's original file
- demo.html: the author's original file
- registry-item.json: the author's original file
Good fit for
- Mark a title appearing on a snare hit
- Accent a rhythmic edit cut
- Give impact to a logo
Not for
- A classic video edit without HyperFrames or Node.js
- An animation that must run as is on a web page
Tags
- accent
- impact
- rhythm
- effects
- music
About
You say
"Add an impact flash on the logo at 2.4 seconds, matching the bass hit."
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 beat-accent, 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
- beat-accent.html12.5 KB
- demo.html2.4 KB
- LICENSE10.5 KB
- NOTICE-PALATEKIT.md0.4 KB
- README.md0.8 KB
- registry-item.json1.7 KB
Origin and licence
Modified by PalateKit
- Author
- HeyGen (HyperFrames)
- Source
- github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/beat-accent
- Licence
- Apache-2.0
Notice
Version modifiée de « Beat Accent » (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.