nextjs-page-transitions

Travel App, Native-like Page Transitions (:atom: with React & Next.js)

Github星跟蹤圖

Page Transitions Travelapp

Fork

?, hello there! This repository is a rewrite with React & Next.js of Sarah Drasner's orginal work with Vue & Nuxt.

Live demo: https://page-transitions.now.sh

Original

This demo shows an example of how to achieve native-like page transitions on the web. There's much to be improved here- it's not meant to be a full-fledged web application, just a quick demo to show how this kind of implementation could theoretically work. These concepts can and should be expressed differently in your own application, the sky's the limit here! 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

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

主要指標

概覽
名稱與所有者xavxyz/nextjs-page-transitions
主編程語言JavaScript
編程語言JavaScript (語言數: 1)
平台
許可證MIT License
所有者活动
創建於2018-04-26 13:26:51
推送於2021-01-25 18:52:49
最后一次提交2019-01-03 03:33:05
發布數0
用户参与
星數460
關注者數12
派生數49
提交數30
已啟用問題?
問題數5
打開的問題數0
拉請求數5
打開的拉請求數1
關閉的拉請求數2
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?