Nextjs App Router Page Transition

Overview

Get started

API

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

Examples

Simple transitionCustom transition

<TransitionDiv>

Wrap any content with <TransitionDiv> to add page entry and exit animation to the content.

Usage

  • Find a content to animate.

    • Loading...

  • Replace <div> with <TransitionDiv>

    • Loading...

Props

  • animation
    • fadeUp
    • fadeDown
    • fadeLeft
    • fadeRight

    • Loading...