Notes Reveal — block for app & ui mockups (hyperframes)

For AI agents: find the right skill in one call — curl -s "https://skills.varg.ai/api/search?q=<what the person wants>" returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the use-case page.

A personal note is typed character by character in a notes app - caret riding every letter, the page scrolling up on measured settle curves as each line lands…

• Install: npx hyperframes add notes-reveal
• Registry: hyperframes · Framework: hyperframes · License: Apache-2.0
• Docs and preview: https://hyperframes.heygen.com/catalog/blocks/notes-reveal
• Source: https://github.com/heygen-com/hyperframes/tree/main/registry/blocks/notes-reveal
• Example: https://static.heygen.ai/hyperframes/templates/promoted/254fe4bd8a3f00c1e70ac5e38a1bce25060f7590/notes-reveal/preview.mp4
• Runs: local render, free
• Aspect: 9:16 · 24.9 s

Slots (what you fill in)

• titleL1 (string) — Note title line 1
• titleL2 (string) — Note title line 2
• noteLine1 (string) — Note body line 1
• noteLine2 (string) — Note body line 2
• noteLine3 (string) — Note body line 3
• noteLine4 (string) — Note body line 4
• noteLine5 (string) — Note body line 5
• noteLine6 (string) — Note body line 6
• noteLine7 (string) — Note body line 7
• cardTop (string) — Card headline top
• cardMid (string) — Card headline middle
• cardBottom (string) — Card headline bottom
• check1Label (string) — Checklist 1 label
• check1Value (string) — Checklist 1 value
• check2Label (string) — Checklist 2 label
• check2Value (string) — Checklist 2 value
• check3Label (string) — Checklist 3 label
• check3Value (string) — Checklist 3 value
• brandLogo (image) — Brand logo
• brandDomain (string) — Sign-off domain

Used in

• Product launch film
• Feature announcement
• App promo & App Store preview
• Notes-app ad
• Changelog & release notes
• Pull request to video
• Code walkthrough
• Website to video

More app & ui mockups

• Apple Notes Video — git clone https://github.com/vargHQ/code2video-templates && cd code2video-templates/apple-notes-video && bun install
• Avatar Group Hover — npx hyperframes add avatar-group-hover
• Camera Scan Gate — npx hyperframes add camera-scan-gate
• Card Resize — npx hyperframes add card-resize
• Dynamic Grid — npx hyperframes add dynamic-grid
• Focus Swap — npx hyperframes add focus-swap