Squarespace 7.1Effects & Interactions

Stacking Cards

By Will's Toolkit

$15.00
Stacking Cards - Squarespace Templates
Fit check
Great for
Existing Will's Toolkit members
Designers building agency-style feature sections
Sites with a short list of services or process steps
Squarespace 7.1 sites on the Core plan or higher
Version7.1
SetupEasy

Overview

What Stacking Cards (Will's Toolkit) is

This is a code snippet from Will Myers' Code Catalog inside Will's Toolkit, not a standalone plugin. It takes an ordinary Squarespace 7.1 List Section and turns its items into cards that stack on top of one another as the visitor scrolls, the agency-site effect where each panel slides up and settles over the last. The vendor page describes it in one line, use a List Section to create this stacking cards effect, files it under List Section and Scroll Effect, and dates the last update 30 April 2025. Only paid members can copy the code.

The old listing on this page described a drag and drop card builder. It is not that. Squarespace's List Section builds the cards; this snippet changes how they behave on scroll.

Who it suits

Existing Toolkit members who want a feature or process section with more motion than a static grid, and designers who already use the extension on client sites. Subscribing for one scroll effect makes little sense; the membership earns its keep only if you will use the extension, Robo-Will and the wider catalog.

Honest caveats

You are paying for a subscription, not a plugin. Scroll effects need testing on phones and can conflict with other scroll scripts on the page. Three to five cards read well; ten do not.

Setup

Log in to Will's Toolkit, open the snippet and add it through the Toolkit extension or paste it into code injection, which needs a Business (now Core) plan or higher. Membership is billed monthly or annually and covers the extension, every snippet, a personal library, the Robo-Will AI assistant and a Slack community.

Related guide: my roundup of the best Squarespace plugins in 2026, or the full plugins collection.

What it does
  • Turns a Squarespace 7.1 List Section into cards that stack as visitors scroll
  • Adds motion to feature, process and service sections without a separate plugin
  • Uses the native List Section, so content stays editable in the normal editor
  • Available to Will's Toolkit members through the Code Catalog
Full specifications

FAQs

FAQs

Is Stacking Cards a plugin I buy once?
No. It is a code snippet inside Will's Code Catalog, which is part of the Will's Toolkit membership. You subscribe, monthly or annually, and that gives you access to this snippet and the rest of the catalog rather than a single download.
What does Stacking Cards do?
It turns the items in a Squarespace 7.1 List Section into cards that stack on top of one another as the visitor scrolls, instead of sitting in a static grid or carousel.
Do I need to know how to code?
You need to be comfortable copying code into Squarespace and editing a few values. The Toolkit browser extension helps by adding snippets while you work in the editor, and Robo-Will, the membership's AI assistant, can help with adjustments.
Which Squarespace plan do I need?
Code injection is available on the Business (now Core) plan and above, and the snippet is written for Squarespace 7.1.
Will it work on mobile?
The effect runs on phones, but stacking cards have less room on a small screen, so keep the list to a handful of items and test the section on a real device before publishing.
What happens if I cancel the membership?
The code already on your site keeps working, but you lose access to the catalog, updates, the extension, the community and support. Will's Toolkit lists this snippet under the List Section and Scroll Effect tag.