We are working on an animation library for our designers and are using GSAP for this purpose. One of their requests was a way to control certain predetermined parameters (e.g. speed, scrub, position, ...) to allow them to tweak the animations to their liking.
We chose CodePen as a base because it allows us to quickly set up new animations via the templates. The biggest hurdle to overcome is getting the updated values passed through GSAP, and having it update/refresh quickly.
To faciliate the interaction, I came across a pen from OSUblake which implements dat.GUI with GSAP. This seemed like an ideal solution, but the implementation using an iframe has a side effect of requiring all code, both HTML and JS, to be placed in the DOM.
Before I spend another day trying to overcome this, are there any other examples of GSAP being used like this?