Menu
react-raster Logoreact-raster Logoreact-rasterDocsBlog
GitHub
🌜
🌞
react-raster Logoreact-raster Logoreact-raster
  • Docs
  • Blog
  • GitHub
  • Guides
    • Concept
    • Getting Started
    • Breakpoints
    • Margin and Padding
    • Styling
    • Intersection Observer
    • Typescript
    • Visual Control
    • Next JS
    • Migrate from 7 to 8
  • API
    • Box
    • useRaster
  • Examples
    • Basic Usage
    • Modify Box
    • Intersection Observer – Fade in and unobserve
    • Intersection Observer – Fade in and out scroll-bound
    • Combine Box with Framer Motion
    • Animate with NextJS and Framer Motion

Animate with NextJS and Framer Motion

This example animates Boxes on page-transition.

To make Framer Motion's staggerChildren work correctly, this example uses imperative routing instead of Next’sLink-Component. If staggerChildren is not needed, check out /docs/nextjs#combine-box-with-link.

More Information: https://nextjs.org/docs/routing/imperatively

Previous
« Combine Box with Framer Motion
Copyright © 2021 Andreas Faust