Skip to content
NEXUS preview · cast-and-render
Live preview opens when this template launches

Highlights

  • Video scrubbed frame by frame as visitors scroll
  • Three timed headline panels with drift motion
  • Preloading splash with a progress bar
  • iOS video unlock and mobile breakpoints

About this asset

Cast & Render ties a full-screen video to the scroll bar. As visitors scroll, the video moves frame by frame while three headline panels fade in, drift and hand off to each other.

  • Precise scrubbing. Eased seeking turns jumpy scroll input into smooth motion.
  • Fast start. The video is preloaded behind a progress bar so the scrub never stutters.
  • Editable timeline. Each panel's fade points sit in one short list you can retime for your own footage.
  • Mobile ready. Breakpoints for phones and landscape screens, plus the iOS first-frame fix.

What's inside

  • cast-and-render.html with inline CSS and JavaScript
  • Cue timeline you can retime for any video
  • Sticky header with a pill call to action

Works with

  • HTML
  • CSS
  • JavaScript

Licensing in plain words

Use what you buy in your own work. Sharing, reselling or re-uploading the files themselves is not allowed.

Read the full license
Made with Modulify