Scrollsequence turns image sequences into animations controlled by the mouse wheel or touch. Add a sequence to a WordPress homepage, post, or page to present a product, tell a visual story, or show campaign and portfolio content.

Plan controls

Pro plan

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

Business plan

Business includes cloud utilities for preparing visual sequences from video. Video to Image Converter turns 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

Install and activate the extension in WordPress, then create a sequence in the WYSIWYG editor. Upload or choose images from the WordPress backend media gallery, arrange scenes, set animation and loading settings, and save. HTML drag and drop lets you reorder scenes, images, and animations.

Use custom CSS, set image opacity and background colors, adjust scroll speed, and choose a fallback for visitors with JavaScript disabled. Options let you conceal or display the footer and sidebar. To place a saved sequence in a post or page, use [scrollsequence id="####"]. Scrollsequence also supports oEmbed.

Responsive sizing and theme compatibility

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

Loading behavior

During loading, the first images are fetched and the animation appears after a minimum number have finished loading. 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. Business customers can prepare source material with the cloud tools before importing or using the resulting images.