SequenceFast - Scroll Sequence Generator - Turn any MP4 into a drop-in scroll sequence in React.

by
Drop any MP4 into your browser, and SequenceFast uses WebAssembly to process it locally, with complete privacy. 🔐 Preview the final animation scroll sequence, and download an optimised image sequence alongside a ready-to-use React component to drop straight into your project. ⚡

Add a comment

Replies

Best
Maker
📌
Hey Product Hunt! 👋 I'm a CS student currently on a "shipping sprint", a challenge to build and launch one tool a week before university classes begin. This week, I wanted to learn how Apple-style scroll sequences actually work under the hood. The standard workflow requires manually extracting the frames and writing custom canvas render logic. So, I built SequenceFast, a tool that generates an optimised image sequence and a ready-to-use React component. I'd love to hear your feedback!

Dropped in a quick MP4 and the preview rendered faster than I expected, plus having a React component ready to paste in saved me a good chunk of setup time.

Maker

  Thanks for trying it out! If you end up using the component in a project, I'd love to hear your feedback!

Love that the React component is ready to drop in straight away—that skip from preview to production code is such a thoughtful touch.

Dropped in an MP4 and had a clean image sequence plus a working React component in under a minute, all without anything leaving my browser. Honestly the local WebAssembly processing is a nice touch for anyone paranoid about uploading client work.

the local WebAssembly processing is honestly such a thoughtful call, no server uploads just instant preview in the browser. love that you can grab the react component straight from the export too, saves a bunch of setup time.