GSAP ScrollTrigger image sequence in WordPress without code: when DIY isn't worth it

Building a scroll image sequence with GSAP ScrollTrigger and canvas is feasible if you're a developer, the page is single, and you're willing to maintain it. However, it becomes less worthwhile when mobile frame sets, smooth loading, editing within Elementor, Bricks, or Gutenberg, or relying on non-developers to update content are required. A plugin like Scrollsequence can achieve the same result without custom code.

The DIY GSAP version involves loading frames into an array of images, creating a ScrollTrigger to pin a section, and on update, drawing images[frame] onto a canvas. This process might take around 30-50 lines of code and works on your laptop. However, the production version involves additional tasks, such as frame export (using ffmpeg commands, frame step, sizes, and format), loading strategy (first frame first and progressive loading), memory management, mobile optimization (separate portrait frame set, DPR capping, resize handling), blank-frame handling, layout considerations, pinning, scroll length, overlapping text, and resizing or orientation changes.

All these tasks are solvable but require days or weeks of work, and then they become your responsibility to maintain.

DIY GSAP is an appropriate choice if you're a front-end developer who enjoys it, the site is built from scratch and not using a page builder, it's a single, one-off animation, you need a behavior not offered by any plugin, and you'll be around to fix it as browsers, GSAP, or the theme change. Conversely, a plugin wins when you're using page builders like Elementor, Bricks, Divi, or Oxygen, Scrollsequence drops in via a shortcode, you use Gutenberg, you start from a video, mobile performance is critical, and non-developers will be editing the page.

While it may seem tempting to use an MP4 video with GSAP, constantly setting video.currentTime on scroll updates often leads to browser seeking, stuttering, especially on mobile and Safari. Using hundreds of frames for a video on scroll is not ideal, as most browsers cannot seek compressed video that fast. A quick decision guide helps you decide: if your situation aligns with DIY GSAP, go for it; if you're working with a page builder, plugin, or native blocks, opt for the plugin route.