How can I animate items being added to or deleted from a list? [Blaze]

help
1

Hi folks,
I’ve got a list of items displayed as a grid of cards. When new cards are added or deleted, Blaze reflects the change instantly in the list.
Is it possible to animate their state change, so they fade in/out?

2

Check out meteor-blaze-animations package https://github.com/gwendall/meteor-blaze-animations

1 Like
3

Very nice. Still works with 1.5.1

4

Yeah this worked really nicely for my lists, but not so great when combined with FlowRouter and page transitions.
Ended up using both this and the waitOn method in flow-router-extra to hold off on the change till a promise for the animation resolved.
Sadly meant the animation code needed to be separated a bit