Nextjs App Router Page Transition

Overview

Get started

API

<TransitionLayout><TransitionLink><TransitionDiv>useTransition()

Examples

Simple transitionCustom transition

<TransitionLink>

<TransitionLink> can be used to replace any <Link> to trigger the transition animation.

Usage

  • Find a <Link> component.

    • Loading...

  • Replace <Link> with <TransitionLink>.

    • Loading...