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
Element following a curved path v1.0.0
Use this resource to make an element follow a precise route
New
- 327 downloads
- 178 likes
- 156 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install element-following-curved-pathFirst time: connect the CLI with
npx --yes palatekit@latest loginThe agent adds to your HyperFrames project a composition rendered as video where an element follows a drawn path while turning with it. You set the path, the chip text and the accent color. You get a smooth movement that guides the eye.
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
- offset-path-traveler.html: the author's original file
- registry-item.json: the author's original file
Good fit for
- Show the journey of a parcel or a user
- Illustrate a data flow
- Animate an arrow or a plane over a map
Not for
- A classic video edit without HyperFrames or Node.js
- An animation that must run as is on a web page
Tags
- path
- curve
- route
- motion
- demo
About
You say
"Make a Live preview chip follow a curve, turning with the path."
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 offset-path-traveler, 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.html3 KB
- LICENSE10.5 KB
- NOTICE-PALATEKIT.md0.4 KB
- offset-path-traveler.html10.7 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/offset-path-traveler
- Licence
- Apache-2.0
Notice
Version modifiée de « Offset Path Traveler » (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.