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
Word acting as a window onto a colored fill v1.0.0
Use this resource to reveal a visual through the letters of a word
New
- 351 downloads
- 148 likes
- 130 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install wordmark-mask-revealFirst time: connect the CLI with
npx --yes palatekit@latest loginThe agent adds to your HyperFrames composition a word-shaped SVG mask that acts as a window onto a fill. You set the word, the reveal progress and the edge softness. You get a brand or section title rendered as video.
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
- registry-item.json: the author's original file
- svg-mask-reveal.html: the author's original file
Good fit for
- Open a video with the brand name
- Create a striking chapter title
- Reveal an image through a word
Not for
- A classic video edit without HyperFrames or Node.js
- An animation that must run as is on a web page
Tags
- mask
- svg
- wordmark
- reveal
- title
About
You say
"Add the word SUMMER as a mask revealing an orange fill."
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 svg-mask-reveal, 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.html2.9 KB
- LICENSE10.5 KB
- NOTICE-PALATEKIT.md0.4 KB
- README.md0.8 KB
- registry-item.json1.4 KB
- svg-mask-reveal.html11.8 KB
Origin and licence
Modified by PalateKit
- Author
- HeyGen (HyperFrames)
- Source
- github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/svg-mask-reveal
- Licence
- Apache-2.0
Notice
Version modifiée de « SVG Mask Reveal » (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.