Cursor zoom

Word-by-word headline with a floating arrow pointing down. Stages: “Click here. Nobody does.” The first frame needs to look different from the feed. Fits lines like “This one button saves me an hour.”.

Try your own words

Open my video with this hook: "Cursor zoom" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/cursor-zoom/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "text", preset, media }) and call fx.render(seconds) every frame. The preset runs 4s from t = 0; offset t to place it later. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready). Check it on my footage: if text is hidden behind the subject or doesn't read against my colours, nudge the layer positions or colours.
Replace the demo text with mine: set preset.layers[n].text (use \n for line breaks); if none given, write lines that fit my footage and tell me.
Hook formula: Zoom on the cursor as the line is spoken.
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor

Formula: Zoom on the cursor as the line is spoken.
Example lines: Click here. Nobody does. · This one button saves me an hour. · Right here. This tiny toggle. · Open this menu. Look at the third option.
Beats: 0.0s 'click here, nobody does' rises in word by word. → 0.7s Small tag 'this tiny toggle' fades in. → 0.9s Arrow drops in and floats at the bottom. → 1.4s Screen recording with a fast zoom-in to the cursor at 0.4 s; click sound with the text pop.
Technique: Visual pattern interrupt hook: Break feed rhythm with an unexpected visual, sound or staging paired with a line.
Footage: Man talking and gesturing, Pexels

Freeze frame teaserWord-by-word headline with a floating arrow pointing down. Stages: “Wait for the last frame of this glow-up.”Before afterPointer

This is a mistakeWord-by-word headline with a floating arrow pointing down. Stages: “This is a bad deadlift setup. Watch until the end to fix it.”Mistake warningPointer

Save thisWord-by-word headline with a floating arrow pointing down. Stages: “Save this. You'll need it the next time your flight is cancelled.”Tutorial promisePointer

Similar hooks