Next.js View TransitionsGitHub
#001
GrassPoison
Bulbasaur

Bulbasaur

Health
45
Attack
49
Defense
49
#002
GrassPoison
Ivysaur

Ivysaur

Health
60
Attack
62
Defense
63
#003
GrassPoison
Venusaur

Venusaur

Health
80
Attack
82
Defense
83
#004
Fire
Charmander

Charmander

Health
39
Attack
52
Defense
43
#005
Fire
Charmeleon

Charmeleon

Health
58
Attack
64
Defense
58
#006
FireFlying
Charizard

Charizard

Health
78
Attack
84
Defense
78
#007
Water
Squirtle

Squirtle

Health
44
Attack
48
Defense
65
#008
Water
Wartortle

Wartortle

Health
59
Attack
63
Defense
80
#009
Water
Blastoise

Blastoise

Health
79
Attack
83
Defense
100
#010
Bug
Caterpie

Caterpie

Health
45
Attack
30
Defense
35
#011
Bug
Metapod

Metapod

Health
50
Attack
20
Defense
55
#012
BugFlying
Butterfree

Butterfree

Health
60
Attack
45
Defense
50
#013
BugPoison
Weedle

Weedle

Health
40
Attack
35
Defense
30
#014
BugPoison
Kakuna

Kakuna

Health
45
Attack
25
Defense
50
#015
BugPoison
Beedrill

Beedrill

Health
65
Attack
90
Defense
40
#016
NormalFlying
Pidgey

Pidgey

Health
40
Attack
45
Defense
40
#017
NormalFlying
Pidgeotto

Pidgeotto

Health
63
Attack
60
Defense
55
#018
NormalFlying
Pidgeot

Pidgeot

Health
83
Attack
80
Defense
75
#019
Normal
Rattata

Rattata

Health
30
Attack
56
Defense
35
#020
Normal
Raticate

Raticate

Health
55
Attack
81
Defense
60
Next.js View Transitions API demo for page transitions, route transitions, shared element morphs, and crossfade animations.