Nextjs App Router Page 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...