aero-ajax

Lightweight ajaxification plugin for Aero using high-performance CSS transitions.

Installation

Add aero-ajax to dependencies in your package.json:

"dependencies": {
    "aero-ajax": "*"
}

You need to define your main element with the ID content in your layout template:

main#content!= content

However this plugin requires user-defined CSS transitions for enhanced performance and flexibility. Therefore you also need to add a fade class:

main#content.fade!= content

Then define which animation you want for page swaps. Add fade.styl in styles:

.fade
    opacity 1
    will-change opacity
    transition opacity 200ms ease

.fade-out
    opacity 0

Let's say you have a link on your page:

a(href='/contact') Contact

Simply add the ajax class to make it load the page via AJAX requests:

a.ajax(href='/contact') Contact