GSAP Elastic Cards (Divi)
Grab a card and throw it: it springs back with an elastic bounce, tilts toward the pointer and leans with the page scroll — GSAP Draggable and InertiaPlugin from Moduly. On touch screens cards throw sideways so the page still scrolls. With reduced motion the cards sit still.
1. Row of product cards
Each card links to the shop — a press is a click, a throw never follows the link. Per-card background colours.
2. Fanned pile
Throw the top card far enough and it goes to the bottom of the pile. White cards with rounded corners from Design › Card.
Engine Zip Hoodie
Throw me to the back.
Woo Zip Hoodie
Full zip, logo on the chest.
Ninja V-Neck
Slim fit, soft jersey.
Crop Top Ocean
A summer blue.
Life Crop Top
Printed, cropped.
3. Grid of text cards
No images, three columns (two on tablet, one on phone), a strong tilt and lean, colours per card.
Free shipping
On every order over $50, no code needed.
30-day returns
Changed your mind? Send it back, free.
Small batches
Made in runs of a few hundred at most.
Organic cotton
Grown without synthetic pesticides.
Gift wrapping
Recycled paper and a hand-written note.
Repairs
Torn seam? We fix it for the life of the piece.
4. Hand of cards
Overlap 120 px (60 on phones), resting tilt 10° alternating; hover brings a card forward — it straightens while its neighbours step aside 40%. Drag off.
Ayesha, studio owner
"From the first sketch to launch day, every step felt calm and clear."
Marco, shop founder
"Our product pages finally match the quality of what we sell."
Lena, marketing lead
"Fast replies, sensible ideas, no surprises on the invoice."
Tom, café owner
"The new menu pages made ordering online much easier."
Priya, designer
"They kept every detail of the design and made it move."
5. Feature strip
Overlap 60, no tilt; hover grows a card to 1.1 without pushing the others (step aside 0). Still on phones.
Organic cotton
Grown without synthetic pesticides.
Small batches
Made in short runs.
Free repairs
For the life of the piece.
30-day returns
Send it back, free.
6. Click to open
Overlap 60, tilt 6°; click or tap a card (step aside 50%, 20% on tablets), lift 24 px, overshoot easing, card 2 starts open. Drag still works.
Wheel Tee
Heavy cotton.
Life Hoodie
Loopback.
Dot Zip Jacket
Light shell.
Woo Zip Hoodie
Full zip.
Crop Top
Rib knit.
7. Deal in on scroll
The cards rise in when the set’s top reaches 75% of the screen; random-sided tilt (pattern 7), smooth hover focus, falloff 1.
Crop Top
Rib knit.
Woo Zip Hoodie
Full zip.
Dot Zip Jacket
Light shell.
Life Hoodie
Loopback.
Wheel Tee
Heavy cotton.
8. Grid that deals in on load
Resting tilt 4°, hover focus (grow 1.06).
Organic cotton
Grown without synthetic pesticides.
Small batches
Made in short runs.
Free repairs
For the life of the piece.
30-day returns
Send it back, free.
Organic cotton
Grown without synthetic pesticides.
Small batches
Made in short runs.