Scroll effects turn a long page into an experience. These sections use GSAP ScrollTrigger to pin, scrub and reveal content as visitors scroll, while staying complete, readable layouts on phones, without JavaScript and for people who prefer reduced motion.

The 3D Scroll Carousel puts cards in perspective and turns them as you scroll, in four styles (ring, coverflow, stack and arc) with mouse tilt and reflections. The Horizontal Scroll Gallery pins and slides a row of cards sideways as you scroll down. The Pinned Scroll Story keeps an image stage in view while steps scroll past and crossfades to each step's picture. Stacking Cards pins features one over another like a deck being dealt. The Scroll Path Timeline draws an SVG line through your milestones as you read.

The Scroll Zoom Image Stack layers images one over the other in a pinned stage: each new image appears small on top of the last and zooms up to fill the screen as you scroll, with settings for intensity, direction, which images move and how far you scroll for each one.

Every section is editable in the browser and shares one theme with the rest of the library. In the Website Builder you can add scroll animations to any section too: pin, scrub, keyframes and effects, without writing code.

Horizontal Scroll Gallery: A gallery that turns vertical scrolling into horizontal movement. On larger screens the section pins and a row of tall image cards slides sideways as visitors scroll down, then the page carries on. Each card has a photo, a tag, a title and a line of text, and links anywhere. On phones and without JavaScript it is a swipeable row with scroll snapping.

Pinned Scroll Story: A scrollytelling section for product tours and stories. On larger screens the steps scroll up one by one while an image stage beside them stays pinned and crossfades to the image of the step in view; the active step is highlighted. On phones and without JavaScript every step simply shows its own image above its text.

Stacking Cards: Feature or service cards that stack up as you scroll. On larger screens each card pins a little below the one before, the next card slides over it, and the covered cards shrink and dim, so the section reads like a deck being dealt. Each card has an icon, label, title, text and an optional image. Without JavaScript and on phones the cards form a normal column.

Scroll Path Timeline: A vertical timeline joined by a hand-drawn SVG line. As visitors scroll, the line draws itself down the page and each milestone lights up when the line reaches it. Milestones have a date, icon, title and text. The line is inline SVG coloured by the theme, so it always matches; without JavaScript it is simply drawn in full.

3D Scroll Carousel: A scroll-driven 3D carousel, also called a coverflow or cylinder carousel, in four styles: Cylinder ring, Coverflow, Tilted stack and Arc. On larger screens the section pins and the glowing cards move in perspective as visitors scroll; on phones and tablets visitors drag or swipe it: the centre card faces forward while the others curve away, dim and blur. On mouse devices the front card tilts toward the pointer and its image shifts for depth, and cards can have a soft reflection and a glowing floor. Arrows, dots, clicking a side card and the keyboard also move the carousel. Details can show on the cards or in a caption with a button below the carousel, with a progress bar. Without JavaScript and with reduced motion it is a swipeable row of the same cards.

Scroll Zoom Image Stack (Ken Burns): A pinned stack of images, one layered over the other. The first image fills the stage. As the visitor scrolls, the next image first appears small, as a rounded card in the middle on top of the one before, and then zooms up until it fills the whole stage. Then the next one appears small on top of that, and so on. Choose how small each image starts, the direction (zoom in, or shrink the top image away), whether the image underneath drifts too, how much scrolling each image gets, how smooth it feels, and give every image its own title and caption. Built with GSAP ScrollTrigger and no extra library; without it the images become a simple column.