andythomo

Hi Zach, Thanks for the reply. I guess the thing that is puzzling me slightly is in the codepen I have linked you can create multiple burst elements round the button by updating the count. In GSAP would I have to create multiple SVG's and change the position of each element, or, is there a way to loop through them and programmatically update their position based of the button. https://codepen.io/gowriprasanthvm/pen/dpKPYg

Not sure if this will help but I think the issue may be due to tree shaking. Another GSAP user had an issue with the Draggable plugin and fixed it by using a useEffect hook (link below). It might be worth posting a comment on a Gatsby forum also as I believe you should be able to register the plugin in the gatsby-node.js file. Link to similar issue Hope this helps or at least points you in the right direction. Andy

Hello, I am try to create some UI micro interactions for my buttons on a react app I am currently developing. I have seen Mo.js and I noticed that it had a easy way to add burst animations using a burst object. I have never really tackled any complex animation with GSAP, so I was hoping someone may offer an opinion on a way to tackle these types of animations (ideally with GSAP 3)? Thanks A