Skip to content
Swift

Scroll Effect Templates · v1.0.0

Monolith

One element carries an entire scrolling story.

Rated 4.9 out of 5 based on 58 reviews.870 sold6 variationsUpdated September 20, 2026
01 / 04Click to enlarge
Screenshots of the Monolith template: One element carries an entire scrolling story.
GSAP FlipScrollStorytellingMinimal

Overview

Monolith takes a single element and re-composes it six times down the page using GSAP Flip - it grows, splits, relocates and reforms, and the visitor never loses track of it because it is always the same object.

It is the most restrained idea in the catalogue and often the most effective. There is no grid of images fighting for attention; there is one thing, and it keeps changing what it means.

Best for: Product narratives and about pages that need to hold attention to the bottom.

What makes it different

1

Six Flip stages

Each step re-measures and animates between layouts, so the element genuinely transforms rather than cross-fading.

2

Continuity of attention

One object throughout means no re-orientation cost at each scroll beat.

3

Clamped end states

Final positions are clamped inside the page bounds, so the last step lands centred at max scroll.

4

No build step

Static files with GSAP vendored locally.

In the box

  • 1 scroll story with 6 stages
  • GSAP 3.15 + Flip + ScrollTrigger + Lenis, vendored
  • Self-hosted Archivo and Archivo Black
  • Sample imagery

Built with

  • GSAP 3.15
  • Flip
  • ScrollTrigger
  • Lenis

Questions about Monolith

Can I add or remove stages?

Yes. Each stage is a data-step element; the timeline iterates over whatever it finds.

Does Flip need a licence?

Not any more. Flip was a Club GreenSock plugin but became free from GSAP 3.13. This ships with 3.15.

Still unsure? Email us - or read how to choose a template.

Related

Drift template - A gallery that morphs between nine layout arrangements.50% off

Drift

$32$16

A gallery that morphs between nine layout arrangements.

ScrollRated 4.8 out of 5 from 55 reviews.
Prism template - SVG turbulence that warps imagery as it enters the viewport.55% off

Prism

$31$14

SVG turbulence that warps imagery as it enters the viewport.

ScrollRated 4.6 out of 5 from 38 reviews.
Formation template - Image grids that assemble into twenty different arrangements.45% off

Formation

$38$21

Image grids that assemble into twenty different arrangements.

ScrollRated 4.8 out of 5 from 47 reviews.