Barba.js – Create Fluid and Smooth Transitions Between Pages

Advertisement

barba.js is a small (4.4kb minified and gzipped), flexible and dependency free library that helps you creating fluid and smooth transitions between your website’s pages.

It helps reducing the delay between your pages, minimizing browser HTTP requests and enhancing your user’s web experience.

This technique consist of preventing the normal link behavior, changing the browser url manually, and manually injecting the new content in the page. In this way there will be no browser “hard refresh”.Barba.js works as ehnancement for your website, everything should work normally without Javascript.
transition-effect

Barba.js