Route and Header Animations

[packy]

This post is deleted!

[spectrolite]

You’re making this complicated by bundling many actions into your description. I think you can achieve most of it with quasar out of the box, it’s simply a matter of putting the correct pieces together.
Let’s start with route transitions (i.e. attached to your view/router-view tag). One for enter, one for leave.
http://beta.quasar-framework.org/components/transition.html

This might help with your UX too
http://forum.quasar-framework.org/topic/302/vue-router-top-bar-animation

Once you get that in, tell us what is missing (a couple screenshots of your app, or an example of what you wish to achieve, maybe with recordit since we’re discussing animations ), and we’ll gladly help you fill the blanks.

[packy]

@spectrolite I will take a look but the features I am describing are pretty common. In Framework 7 they come standard with the vue setup. Here is a link:

https://cdn.framework7.io/i/feats/swipeback.mp4
https://cdn.framework7.io/i/feats/navbar.mp4

In their frame work you just add the tag of dynamic to the header for the fade transition and for the route you just add a tag to the link I think. Was just wondering if they had this out of the box for Quasar.