7-second 1920x1080 video, black background. A thin white progress ring draws from 0° to 360° over 4s while a percentage counter (0→100) ticks in the center in mono type, matching the arc exactly. Ring and counter fade out fully by 4.2s; at 4.2s the ring bursts outward into short radial dashes and "READY." stamps into the center, then holds. No audio. **Spectacle beat:** The ring's completion at 100% detonates — it flashes white, expands past frame, and the reveal rides that expansion out.
Make it yours. Change the reveal word "READY." and the colors in "black background" and "thin white progress ring". Keep "matching the arc exactly" and the 4.2s handoff so the counter and ring stay in sync.
Progress-ring loader bursting into READY
A 7-second loader on black: a thin white ring draws around a monospace percentage as it counts up, then the ring bursts into short radial dashes and "READY." stamps into the center. Hand-built with no registry blocks.
You'll need
- HyperFrames skills installed (npx skills add heygen-com/hyperframes)
- The gallery's shared motion preamble, which you write yourself from the page's description
How it was made
This is the prompt as it was published when the video was rendered (commit 158d0fea; the video file dates from 2026-07-29). The live page has since changed "then holds." to "then holds with a subtle ambient idle (slow breathing scale)." The page says the video was "Rendered from the prompt above, unedited", but also that every gallery video was made by its prompt plus a shared preamble pasted above it. The preamble carries the motion rules (three depth layers, a camera that keeps moving, staggered entrances, an ambient idle at the end). The page describes it but doesn't publish it word for word, so the prompt here is only part of what was run. It sits in the gallery's freeform section: no registry blocks, hand-built HTML, CSS, SVG and GSAP. The render has no audio. The agent and model aren't named.
Posted Jul 29, 2026 · HyperFrames prompting guide on Website
Prompt from: Docs page, "Loader → reveal" example in the gallery, as published at commit 158d0fea
Look notesby Reference
A thin white ring growing around a large monospace percentage on near-black, a burst of radial dashes and rings, and then the word "READY." alone in the middle.
- Color
- Near-black with a faint grid and a dim blue glow at bottom left, white for the ring, numerals and word, and a pale gray band of light in the burst frame. Small white specks dot the last frames.
- Type
- A monospace sans for the percentages ("10%" to "88%" across the frames) and, much larger and widely spaced, for "READY."
- Framing
- The counter sits in the upper middle with the ring centered on it and a small white dot at the ring's leading end. The burst frame fills the frame with concentric rings, a circle of dashes and a horizontal light band. "READY." is centered lower in the frame.
- Structure
- The ring at 10%, 30%, 49%, 68% and 88%, the burst of dashes and rings, then "READY." held for the last three frames.
