vfx-text-cursor

VFX Text Cursor is a motion-design template for video intro and hero frames that reveals a quote word-by-word as if a cursor is typing it across the canvas, trailing chromatic aberration ghosting, a motion-blur light trail, and directional light-leak flares. It solves the problem of creating a striking, cinematic opening frame for videos without building the animation from scratch. It is part of the nexu-io open-design collection and is inspired by the hyperframes vfx-text-cursor format.

The skill specifies a precise visual signature: a 1920x1080 canvas on a near-black background with a subtle vignette, a centered quote at 6-8vw bold weight using Inter Tight / Source Sans 3 / Noto Sans SC, per-character reveal at roughly 80ms intervals with a blinking cursor, a two-tone chromatic ghost (hot pink and cyan) that resolves within 200ms, a single accent color for the cursor and trail, three to five randomly angled directional light leaks using screen blend mode, and a shimmer sweep once the text finishes. It also defines caption, subtitle, and timecode fields. Animation is driven by CSS keyframes plus a JavaScript timer for the per-character reveal, and it respects prefers-reduced-motion by showing all text immediately. The output is a single self-contained HTML file with no external resources beyond fonts.

It targets video creators, motion designers, and marketers who need an eye-catching opening quote reveal. Use cases include a video intro frame, a hero animation, or a stylized quote card. It is a benign, offline front-end template; the only scripting is a client-side timer for the typing effect.