Mercury Startup
A pinned horizontal work gallery - the section scrolls sideways while the page scrolls down, with looping video tiles and project captions sliding past like a filmstrip. Pure CSS scroll-driven animation, no scroll-jacking library.
What is included: the pinned horizontal track with animation-timeline and a graceful static fallback for browsers without support, video tiles that pause offscreen, caption typography, and spacing that works from 3 to 8 projects.
Customize it: list your projects (title, one-line caption, media file) and the prompt generates the track. Works on dark or light ground - set the two color tokens.
The prompt
Build a pinned horizontal work gallery section, pure CSS scroll-driven animation - no GSAP, no scroll hijacking. ...
Unlock this prompt with Standard or Lifetime.
Unlock all prompts - $299 lifetime →How to use it
- Copy the prompt and paste it into Claude, Cursor or any AI coding tool - current models give the best results.
- Replace the marked tokens (colors, copy, media file names) before you run it.
- Run it, open the result in a browser, then iterate in small steps - one change per message.
Customize it
- Palette and type live in the token block at the top of the prompt - change those first, nothing else.
- Keep the motion values as written on the first pass; tune them only after you have seen the default.
- Swap media last, matching the aspect ratios the prompt names.
