Compare plans by input and outcome

Scrollsequence is a WordPress extension that turns image sequences into animations controlled by the mouse wheel or touch. Use a sequence on a homepage, post, or page for a product presentation, visual story, campaign, portfolio, or other visual content where motion helps communicate an idea.

Pro works with image sequences and HTML content to make motion that responds to scrolling. Business adds cloud utilities for preparing image sequences from source video.

Pro: animate pictures and HTML

Create fade-in, fade-out, move, and scale animations that respond to scrolling. Pro works with unlimited scenes and images, a smooth scroll delay, and a setting for how many images load before the animation appears. Its editor also works with HTML content, so written elements can animate in sync with media. Content added to Scrollsequence is indexable, and Pro includes priority support.

Business: prepare frames from video

Business includes cloud media tools. Video to Image Converter converts source video into a sequence of images. AI Frame Former can increase the number of frames from a video through the cloud service, which can help create smoother animation. You can also import still images from a video into the WordPress Media Gallery with one click.

Build and place a sequence

Scrollsequence includes a WYSIWYG editor, shortcode support, and oEmbed. Use HTML drag and drop to reorder scenes, images, and animations. Upload images or choose them from the WordPress backend media gallery. Image preloading fetches images in the background.

Adjust custom CSS, image opacity, background colors, and scroll speed. Choose a fallback for visitors with JavaScript disabled, and set whether to hide or display the footer and sidebar. Add a sequence to a post or page with the native WordPress shortcode format [scrollsequence id="####"].

Responsive sizing and theme fit

Set sizing and alignment for mobile and desktop. Scrollsequence works with Gutenberg, Elementor, Divi, Oxygen, Beaver Builder, and many other page-building environments. Themes that preserve normal scrolling are recommended; custom scrollbars or AJAX transitions may affect integration.

Setup and image loading

Install and activate the extension in WordPress, then create a sequence in the editor. Upload or select images, arrange scenes, set animation and loading options, and save. Add the sequence shortcode to the post or page. Business customers can prepare source material with the cloud media tools before importing or using the resulting images.

While the sequence loads, Scrollsequence fetches the first images. The animation appears after a minimum number have finished loading, and the remaining images continue loading in the background. Review the sequence on desktop and mobile, then adjust sizing, alignment, speed, opacity, or custom CSS as needed.