Slick Image Resize Page Transition with Nuxt & VueJS

How to create a Thumbnail to Full-width Cover Image Animation when switching routes with VueJS & Nuxt.

Article on Medium

Demo

Setup

# install dependencies
$ npm install

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

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Credits

Images from Unsplash. Font — Velour

Misc

Follow Sahkyo: Twitter, Dribbble, Behance, Instagram