One of 6 Extensions

Divi Card Stack

Divi Card Stack extension transforms any Section, Row, or Column into a scroll-driven animated stack — four motion modes that pin, peel, and slide cards in sequence as visitors scroll. Your content stops feeling like a page and starts feeling like an experience.

Divi Card Stack Animation by DiviMotion

Four Animation Modes

Stack, Peel, Horizontal Stack, and Horizontal Peel — four completely different motion patterns, one setting to choose between them.

Responsive and Per-Device Control

Set Stack Offset and Start Offset independently for Desktop, Tablet, and Phone — or turn the effect off entirely on any device.

Cinematic Scroll Pacing

Dial in Scrub Speed from snappy to floaty, and add Slide Rotate for a tactile depth that flat animations can't replicate.

Scroll EffectsThat Keep Visitors Reading — Not Bouncing

Four Modes. One Extension. Every Scroll Story You Need.

  • Stack mode pins each card to the viewport one by one as visitors scroll down.
  • Peel mode lifts the top card off the screen to expose the one beneath.
  • Horizontal Stack slides cards in from the right and stacks them side by side.
  • Horizontal Peel dismisses the top card to the left, exposing what's underneath.
Divi Card Stack Scroll Animation by DiviMotion

Full Control Over Feel, Device, and Performance.

  • Choose Flat for clean transitions, or Slide Rotate for subtle scale and rotation.
  • Adjust Scrub Speed from snappy and instant to slow and cinematic
  • Set Stack Offset and Start Offset per breakpoint to tune depth and trigger point per device.
  • Disable the effect on any device — disabled devices fall back to Divi's standard layout cleanly.
Divi Card Stack Scroll Animation Customization Settings

Free Ready-to-Use Card Stack Layouts to Get Started

Skip the setup and go straight to publishing. Our pre-built Card Stack layouts are fully customizable, responsive on all devices, and ready to drop into any Divi page. Choose a layout, swap in your content, and your scroll experience is live in minutes.

DiviMotion Card Stack vs Building It Yourself in
Divi — Which One Gets You There Faster?

Feature DiviMotion Card Stack Manual Divi / Custom Code
Vertical Stacking Animation Built-in, One setting Requires custom JS
Peel animation (vertical + horizontal) 2 peel modes included Not available natively
Horizontal Stacking Animation Built-in Requires custom JS
Slide Rotate Style Toggle on/off Not available natively
Scrub speed control Adjustable Not configurable
Per-breakpoint offset controls Desktop, Tablet, Phone Manual CSS overridesspan>
Disable per device Any combination Possible but requires extra CSS
No-code setup Design panel only Code required
No-flash first load Yes No
Resize / rotation safe Auto re-initializes No
Performance-safe loading Script loads only when used Depends on implementation

Ready to Make Your Pages Scroll Like They Were Built by a Motion Designer?

Helpful Resources

Documentation

Divi card stack extension overview

Video

How to use Divi card stack extensions?

Coming Soon

Try DiviMotion Risk-Free for 30 Days

Not sure yet? Every DiviMotion plan comes with a 30-day money-back guarantee. Try it on your site, and if it's not the right fit, you get a full refund — no questions asked.

Frequently Asked Questions

Everything you need to know about Card Stack before you get started.

Is Card Stack included in all DiviMotion plans?

Yes. Card Stack is available on all DiviMotion plans.

Does Card Stack work with any Divi layout?

It works on Sections, Rows, and Columns — but not on individual modules like Text, Image, or Button.

How many cards do I need for the effect to work?

You need at least two child panels. With only one, the effect is skipped and the layout stays normal.

Will Card Stack slow down my site?

No. The script only loads on pages where you've applied the effect — pages that don't use it are unaffected.

What's the difference between Card Stack and Card Deck?

Card Deck uses scale-based depth — back cards shrink into the background as new ones arrive. Card Stack uses position-based motion — cards pin, stack, peel, or slide. Different tools for different storytelling needs.

We offer a 30-day money-back guarantee; so joining is completely risk-free.

Don’t Just Design Divi Sites; Bring Them to Life