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
Touch circle for a tap or swipe v1.0.0
Use this resource to show a touch gesture on a mobile mockup
New
- 525 downloads
- 107 likes
- 117 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install touch-gesture-indicatorFirst time: connect the CLI with
npx --yes palatekit@latest loginThe agent adds to your HyperFrames composition a contact circle that touches the target on the frame where it responds. You choose the gesture (tap or swipe), the light or dark polarity and the position. You get a gesture guide ready for a mobile demo.
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
- touch-indicator.html: the author's original file
Good fit for
- Guide the eye in a mobile app demo
- Explain how to use a touch feature
- Animate a smartphone tutorial
Not for
- A classic video edit without HyperFrames or Node.js
- An animation that must run as is on a web page
Tags
- touch
- gesture
- mobile
- pointer
- interaction
About
You say
"Add a touch circle in tap mode, at 50% across and 55% down."
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 touch-indicator, 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.html14.3 KB
- LICENSE10.5 KB
- NOTICE-PALATEKIT.md0.4 KB
- README.md0.8 KB
- registry-item.json1.6 KB
- touch-indicator.html11.3 KB
Origin and licence
Modified by PalateKit
- Author
- HeyGen (HyperFrames)
- Source
- github.com/heygen-com/hyperframes/tree/2c3d1e07fe63d4a2d67d63a3e29d4ad73e291d8e/registry/components/touch-indicator
- Licence
- Apache-2.0
Notice
Version modifiée de « Touch Indicator » (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.