Skip to content
Swift

Scroll Effect Templates · v1.0.0

Weft

Ten variations on columns and rows gliding into place.

Rated 4.7 out of 5 based on 71 reviews.1.1k sold10 variationsUpdated September 20, 2026
01 / 04Click to enlarge
Screenshots of the Weft template: Ten variations on columns and rows gliding into place.
GridScrollTen variantsParallax

Overview

Weft is ten complete variations on one idea: columns and rows of imagery that glide, scale and settle as the page scrolls. Different speeds, directions, stagger patterns and depth treatments across the set.

Each variant is a standalone page with its own script, so you are effectively buying ten templates that happen to share a stylesheet. Most buyers ship one and keep the rest for the next project.

Best for: Buyers who want options - ten separate pages, one purchase.

What makes it different

1

Ten standalone pages

Each with its own body class and script - independent, not toggles on one page.

2

Four hundred image slots

Across the set, with consistent naming so one asset folder serves all ten.

3

Directional variety

Vertical drift, horizontal sweep, counter-scrolling columns, depth-scaled rows.

4

One stylesheet

Shared base CSS means restyling once restyles all ten.

In the box

  • 10 standalone variant pages
  • GSAP 3.15 + ScrollTrigger + Lenis, vendored
  • Self-hosted Bodoni Moda
  • Shared image set and base stylesheet

Built with

  • GSAP 3.15
  • ScrollTrigger
  • Lenis

Questions about Weft

Are the ten variants really different?

Yes - different scripts, not parameters. Compare index.html and index7.html and they read as separate products.

Can I combine two variants on one page?

Yes, with care. They scope to their body class, so you would merge the scripts and namespace the selectors.

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

Related

You might also consider

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.
Cascade template - Grid items rise and rotate into place, staggered column by column.65% off

Cascade

$40$14

Grid items rise and rotate into place, staggered column by column.

ScrollRated 4.7 out of 5 from 92 reviews.
Monolith template - One element carries an entire scrolling story.61% off

Monolith

$38$15

One element carries an entire scrolling story.

ScrollRated 4.9 out of 5 from 58 reviews.