Scrollytelling Visualizer

The Scrollytelling Visualizer is designed to help in debugging created animations. It provides a visual representation of how anims are positioned in the timeline and their states, allowing to understand them more easily.

• The visualizer is contained within a draggable panel that can be moved around the screen for convenience.
• It can handle multiple GSAP timelines, which can be switched using a dropdown menu.
• The debug prop on the <Root> component can be used to handle the visualizer and label debugged timelines (check debug props).