Pick a winner
Two contenders stacked with a VS badge between them. Stages: “Cast iron or non-stick? Let me end this debate.” You tested two products, methods or price tiers. Fits lines like “Window or aisle? Let me end this debate.”.
Preview unavailable
Open my video with this hook: "Pick a winner" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/hooks/pick-a-winner/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: [Option A] or [Option B]? Let me end this debate.
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
- [Option A] or [Option B]? Let me end this debate.
- Example lines
- Cast iron or non-stick? Let me end this debate. · Window or aisle? Let me end this debate. · Serif or sans? Let me end this debate. · Run in the morning or evening? Let me end this debate.
- Beats
- 0.0s 'cast iron' slides in from the left on top. → 0.2s 'non-stick' slides in from the right below, in the accent colour. → 0.4s VS badge pops between them. → 1.4s Two pans on the counter, speaker picks one up on the second clause; a gavel sound lands on 'debate'.
- Technique
- Comparison / versus hook: Set two options against each other and make the viewer pick a side.
- Footage
- Man talking and gesturing, Pexels