SimonWidjaja

thanks for the quick reply. Setting up all timelines within this brief setup timeframe is NOT possible in my case. It will be user generated, so there will be updates to the timeline (or new timelines) a LONG time after the init phase. Is there any clean way to fully destroy an GSDevTools instance? So I could destroy and recreate it after EVERY modification?

First of all: Loving the GSDevTools! But I am facing a problem. It seems to only work properly when I call GSDevTools.create() when all timelines are set up already. I have to modify the timelines/values at runtime (after GSDevTools.create() was called). I was digging through the source code without any luck. I stumbled upon the two functions updateList() and update(). Both sounded promising at first, but didn't do the job. // Timeline One var tl1 = new TimelineLite({id: 'one'}) tl1.to(".orange", 1, {x:700}) .to(".green", 2, {x:700, ease:Bounce.easeOut}) // Timeline Two var tl2 = new TimelineLite({id: 'two'}) tl2.to("h1", 1, {x:100, ease:Bounce.easeOut}); // Create DevTools var myDevTools = GSDevTools.create(); // Add Timeline Three after 2s setTimeout(function() { var tl3 = new TimelineLite({id: 'three'}) tl3.to(".grey", 1, {x:200, ease:Bounce.easeOut}); // Some desperate attempts ;) // All not working. Timeline 'three' will never be shown myDevTools.updateList(); myDevTools.update(); }, 2000); Question(s): Is a runtime refresh not supported yet? Or what am I doing wrong? Is there any workaround to e.g. destroy the current DevTools and recreate them from scratch again? Thanks in advance and guys... keep up the amazing work! Simon [Huge GSAP Fan]