lucas-carl/page-transitions-simple

Vue/Nuxt Page Transitions- Simple Demonstration

Simple Page Transitions Demo

This small demo shows an extremely simple implmentation of native-like page transitions on the web (you can think of it like a reduced case for the page-transitions-travelapp). This is created with Nuxt and Vue.

Article explaining the demo is available at https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web

Live demo at https://page-transitions.com/

See the page transitions travel app demo for a real-life use case: https://github.com/sdras/page-transitions-travelapp

Build Setup

# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout the Nuxt.js docs.