gsap-ui

Gsap Timeline Ui
================

A timeline interface for [Gsap].

Features

Gsap Ui shows the current state of your gsap timeline to help when creating animations.

The current timeline state will be saved in LocalStorage,
to allow for seamles animation code editing.

!UI Preview

$3

+ Spacebar Toggle Play / Pause
+ → Skip forward
+ ← Skip forward
+ = / + Faster
+ - Slower
+ R Reset timescale

Setup

Pass your gsap timeline to the GsapUi:
``js
var timeline = new TimelineMax();
tl.to(timeline, 2, {
opacity: 0,
});

new GsapUi(timline);
`

$3

Install the gsap-ui package:

`unix
npm install --save-dev gsap-ui
`

Require gsap-ui with your module bundler of choice:

`js
// ES6 Modules
import GsapUi from 'gsap-ui';
`

`js
// CommonJS
var GsapUi = require('gsap-ui');
``

[Gsap]: http://greensock.com/gsap