Getting Started with V2

Getting Started with Scrollsequence V2

Scrollsequence v2 is a innovative tool for creating scroll-driven animations in WordPress. It allows you to create and generate complex animations using a block-based interface, making it easy to add and manage media content. This guide will help you get started with Scrollsequence v2, including installation, block usage, and media tools.

Media Tools

Scrollsequence v2 includes a set of media tools to help you generate and prepare content for your scroll sequences. These tools help you to create high-quality images and videos that can be used in your web animations. You can access these tools from the WordPress admin dashboard under the “Media Tools” section.

Once your media assets are prepared, you can generate the blocks directly using our AI agents that understand the context.

Blocks

Scrollsequence v2 introduces a set of blocks that allow you to create scroll-driven animations. These blocks are designed to be used in the WordPress block editor, providing a user-friendly interface for creating animations.

Scrollsequence Container Block

The Scrollsequence Container block is the wrapper block for creating scroll-driven animations in Scrollsequence v2. It allows you to combine multiple types of content, including Canvas 2D, Canvas 3D, images, videos, and custom animated elements, into a single scroll sequence.

You can fix the contents of the block to the viewport using the Fixed Viewport block or Sticky Viewport block.

Content Animation

Child blocks inside the Scrollsequence Container block can be animated using scroll-driven triggers. This allows you to animate any type of content, including text, images, videos, and custom blocks.

Keyframes animations are the core of Scrollsequence v2, allowing you to add and configure animations to various elements within your scroll sequence.

We use GSAP  under the good to keep things moving smoothly.

Canvas 1D Block

Block for vector graphic animation lotties, svgs, and svg paths are currently under development. Check back later for updates.

Canvas 2D Block

The Canvas 2D block is a powerful Gutenberg block for creating scroll-driven animations using image sequences and video scroll. It is based on the Scrollsequence engine, bringing advanced storytelling and animation capabilities to WordPress. The Canvas 2D block allows you to add multiple media groups (images, videos, gaps) and fine-tune animation triggers and smoothness.

Canvas 3D Block

The Canvas 3D block is designed for creating scroll-driven 3D model animations. It integrates with Spline , a 3D design tool, to bring interactive 3D content to your WordPress site. It makes it easy to add 3D models, animations, and interactive elements, enabling you to create immersive scroll-driven experiences.