DD37: Stacking Cards on Scroll This scatter effect animates each card from a unique offset

DD37: Stacking Cards on Scroll This scatter effect animates each card from a unique offset —DD37: Stacking Cards on Scroll This scatter effect animates each card from a unique offset —

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Andrii Sivtsov

pro

• Mar 13

DD37: Stacking Cards on Scroll This scatter effect animates each card from a unique offset — custom x, y and rotation per card, all synced to scroll via GSAP ScrollTrigger + Lenis. Feels alive, not templated.

Awwwards-level detail, zero complexity — just describe where each card comes from and the class handles the rest. Full Source in Sivuo - https://community.sivuo.com/dd/dd37-stacking-cards-on-scroll

Completed work

GSAP Webflow Development JavaScript

Monic ✧

pro

• Mar 15

great work!

Andrii Sivtsov

pro

• Mar 15

thanks)

rajesh chaudhary

• Mar 15

great work 🔥.

Andrii Sivtsov

pro

• Mar 17

Thanks)

Subash Chandra

pro

• Mar 16

great work!

Andrii Sivtsov

pro

• Mar 17

Thank you!

Amanuel Tadesse

• Oct 18

A scroll animation that shows QuoteKit working. A messy client email is read, the small talk gets crossed out, and each request turns into a line of a fixed-price proposal. Built with GSAP and ScrollTrigger in React.

Completed work

Web Design Lovable React GSAP

Benjamin C

max

• Oct 18

does the crossed-out small talk bit come from a real client email

Displace Agency

• Oct 18

A new case study shouldn't need a new build.

Every project on The Offsite Agency's site runs on one template, so adding work is just content. Visitors grew six times in under eight weeks after the new site launched.

How much of your work never made it onto your site?

webdevelopment nextjs GSAP