https://github.com/sdras/page-transitions-simple

Vue/Nuxt Page Transitions- Simple Demonstration
https://github.com/sdras/page-transitions-simple

Last synced: about 2 months ago
JSON representation

Vue/Nuxt Page Transitions- Simple Demonstration

• Host: GitHub
• URL: https://github.com/sdras/page-transitions-simple
• Owner: sdras
• License: mit
• Created: 2018-03-24T16:52:56.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-04-23T10:45:28.000Z (over 6 years ago)
• Last Synced: 2024-07-03T18:37:04.300Z (3 months ago)
• Language: Vue
• Homepage:
• Size: 75.2 KB
• Stars: 158
• Watchers: 3
• Forks: 27
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://css-tricks.com/native-like-animations-for-page-transitions-on-the-web)

Live demo at

[https://page-transitions.com/](https://page-transitions.com/)

![Vue stripe sample shop](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/simple-transition.gif 'Simple Page Transitions Demo')

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

## Build Setup

```bash

# 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](https://github.com/nuxt/nuxt.js).