How it works

1. step #1

   Implement in Webflow

   Apply the attributes to the elements inside the page

   Below is a list of elements and options to apply the GSAP disintegration effect.
   

   component

   I want this

   Div Block

   or

   Link Block

   to get the disintegration effect.

   Option

   deactivate on mobile

   I want to state if the disintegration effect has to be activated on mobile breakpoints.

   Option

   rotation angle

   I want to control how much each fragment can rotate.

   Option

   rotation amplitude

   I want to control how far fragments move from their original position.

   Option

   cascade offset

   I want to stagger the animation of each fragment.

   Option

   start point

   I want to define when the animation starts during scroll.

   Option

   end point

   I want to defines when the animation ends during scroll.