vue-transition-component

  • ❀️ Great GreenSock performance.
  • πŸŽ‰ Easy to implement.
  • 🎁 Be able to listen to transition-events.
  • πŸ” Looping animations.
  • ♻️ Re-usable transitions.
  • πŸ€“ Multiple transitions per component.

What does it do?

The AbstractTransitionController is a base class that you extend to provide all the necessary transition functionality to TransitionController that is aimed on your desired framework. So for example if you have a Vue.js project you will create an AbstractVueTransitionController that extends the AbstractTransitionController. In your projects component folder you then create a TransitionController for your component for example a DummyTransitionController that extends the AbstractVueTransitionController.

How does it do it?

The AbstractTransitionController relies upon TimelineLite and TimelineMax from GSAP. It creates timelines for your transitionIn, transitionOut an loopingAnimations. This gives you all the control that GreenSock has to offer, which is great because it’s a lot!

TypeDoc documentation

If you want to see the latest TypeDoc documentation check it out!

Live demo

If you want to see a working demo check out GitHub