Projects · Jun 2026

Scroll Studio

A builder for website scroll animations.

What it is

Scroll-driven animations — where a video scrubs as you scroll, or a section wipes and tilts into view — are awkward to build by hand. Scroll Studio makes them straightforward.

Drop in an MP4 and it splits the clip into frames right in the browser; pick from a range of scroll effects — frame‑scrub, parallax, wipes, 3D tilt, hue shifts and more — and preview them on a mock site that reacts to your scroll. Adjust the strength, range and easing, then copy the integration code or download the frames as a zip. Everything runs locally; nothing uploads.

How it works

  • MP4 to frames, in-browser

    Drop in a clip and it splits into frames locally using Canvas — no upload, no server, no queue.

  • A shelf of effects

    Frame-scrub, parallax, wipes, 3D tilt, hue shifts and more, previewed live on a mock site that reacts to your scroll.

  • Export what you tuned

    Adjust strength, range and easing, then copy the integration code or download the frame set as a zip.

Built with

JavaScript · Canvas · scroll-driven animation

· Web tooling / animation — built by Musa Alanssari, a software engineer in Houston, Texas. Jun 2026.