Bricksforge GSAP – Fade out old Query Loop items before fade in new ones

How To
1

Hi Bricksforge community,

I’m trying to use Bricksforge + GSAP animations for a filter with radio buttons and a Query Loop.

Here is what I want:

  • When I click on a category, the old cards should fade out.
  • Then the new cards should fade in .
  • Repeatable every time I change category.

But the issue is :

  • Right now I only managed to make the fade in work.
  • The fade out animation is applied to the new cards instead of the old ones.
  • So the behavior is: I click → old cards disappear instantly (no animation) → new cards appear instantly → then they fade out → then fade in again.

I think it should be possible with GSAP in Bricksforge (fade out old → swap content → fade in new), but I can’t get it working properly.

Any idea how to structure this with Bricksforge animations?

Thanks!