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?
已存档?
是复刻?
已锁定?
是镜像?
是私有?