The Block System

Scrollsequence V2 provides a modular suite of Gutenberg blocks designed to give you full visual control over scroll-driven canvas sequences, layer positioning, and animated typography.

Recommended Hierarchy: In Scrollsequence V2, all animations start with a Scene Block. Direct children of a Scene must be Layer Blocks, which then contain your Canvas 2D / 3D elements and overlay content.

Core Layout Blocks

The root sticky scroll container controlling total scroll duration, pinning, and triggers.

Scene Block

Positions child elements across a 9-point placement grid (center, top-left, bottom-right) and handles stacking.

Layer Block

Visual & Rendering Blocks

Hardware-accelerated HTML5 canvas sequence scrubbing with multi-resolution support.

Canvas 2D Block

WebGL displacement shader rendering interactive 2.5D depth map parallax and mouse tilt.

Canvas 3D Block