Chapter 246: GSDevTools (Overview)

Core Idea

A visual debugging UI for GSAP animations — playback controls, keyboard shortcuts, in/out points, slow motion, and global-timeline sync — overlaid on the page during development.

Code Examples

gsap.registerPlugin(GSDevTools);
GSDevTools.create();

Key Takeaways

1. It's a dev/debug tool, not something you'd typically ship in production.

Connects To

• GSDevTools.create(): the configurable instance-creation method (next chapter).