Creating Sick Page Transitions with Barba.js & GSAP

Heres where the magic happens


The important part for a good transition is animation. As Barba is not an animation library, you will need to import one in order to animate elements on the interface to create your transition.

There is a lot of javascript animation libraries on the web, here is a good start:

  • gsap — professional-grade animation for the modern web
  • popmotion — simple libraries for delightful interfaces
  • animejs — a lightweight library with a simple and powerful API
  • mojs — the motion graphics toolbelt for the web
  • spirit — the ultimate tool to create high-quality animations directly in the browser

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Not readable? Change text. captcha txt

Start typing and press Enter to search