# Help with CMS-Load stagger animation not working

**URL:** <https://forum.finsweet.com/t/help-with-cms-load-stagger-animation-not-working/4683>\
**Category:** Attributes\
**Created:** [May 3, 2025, 7:13am UTC](https://forum.finsweet.com/t/help-with-cms-load-stagger-animation-not-working/4683 "2025-05-03T07:13:38Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![stephen](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/stephen/32/3120_2.png) [@stephen](https://forum.finsweet.com/u/stephen)\
**Post date:** [May 3, 2025, 7:13am UTC](https://forum.finsweet.com/t/help-with-cms-load-stagger-animation-not-working/4683/1 "2025-05-03T07:13:38Z")

</div>

The stagger-in animation was working properly for me earlier in my development, but now I can’t get to work.

I have added GSAP to the site, but even when I comment-out/remove it entirely from the site, the stagger isn’t returning, so it’s not a conflict there.

Here’s an example page where the CMS Load stagger effect has stopped working:

> **[Webflow - River West Church](https://preview.webflow.com/preview/riverwest-sundaybest?utm_medium=preview_link&utm_source=designer&utm_content=riverwest-sundaybest&preview=31b261197b3fc613ebfc8f4c63226592&pageId=67f42da914c50e43707536d6&locale=en&workflow=preview)**

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 6, 2025, 11:30am UTC](https://forum.finsweet.com/t/help-with-cms-load-stagger-animation-not-working/4683/2 "2025-05-06T11:30:58Z")

</div>

Hey @stephen! Attributes V2 comes with way more control over the animations used on the list.

Let me know if you’d like to wait for it’s release to migrate and try with the new animations or if you’d like to debug and keep the current setup.

Attributes V2 is releasing in a couple of days.

---

<div class="post-metadata">

**Author:** ![yousufalich93](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/yousufalich93/32/4316_2.png) [@yousufalich93](https://forum.finsweet.com/u/yousufalich93)\
**Post date:** [May 24, 2025, 7:51pm UTC](https://forum.finsweet.com/t/help-with-cms-load-stagger-animation-not-working/4683/3 "2025-05-24T19:51:27Z")

</div>

Can you share where I can find more information on v2 Animations? On List Sort and Load pages it mentions:

> Please refer to the List Sort and List Load documentation pages for animating the List when it’s sorted or loaded.

But I don’t see any information on animations

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [May 27, 2025, 11:01am UTC](https://forum.finsweet.com/t/help-with-cms-load-stagger-animation-not-working/4683/4 "2025-05-27T11:01:47Z")

</div>

Hey @yousufalich93! You can now have separate animations for the list depending on the event that is triggered.

Extract from the List Load documentation

> When a list is filtered—or sorted, or paginated—temporary classes are applied to the **Collection List Wrapper** to trigger transitions or animations, and then removed once the action completes.
> 
> This system supports per-action animation, per-item staggering, and precise control via CSS.
> 
> - During a load action, the `.is-list-loading` class is added to the **Collection List Wrapper**. It is removed once the action completes.
> - `fs-list` detects any CSS transitions triggered by the class and waits for them to finish before updating the list.
> - The class can be renamed using the attribute `fs-list-loadingclass`

By default, we are using the `.is-list-loading` class for loading animations, `.is-list-sorting` for sorting and `.is-list-filtering` for filtering events, you can use you own class by defining it on the `fs-list-loadingclass = CLASS_NAME`, `fs-list-sortingclass = CLASS_NAME` and `fs-list-filteringclass = CLASS_NAME` attributes.