archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
rsnext/examples/with-framer-motion/README.md

1.6 KiB
Raw Blame History

framer-motion example

Framer Motion is a production-ready animation library. By using a custom <App> along with Motion's AnimatePresence component, transitions between Next pages becomes simple and declarative.

When using Next's <Link> component, you will likely want to disable the default scroll behavior for a more seamless navigation experience. Scrolling to the top of a page can be re-enabled by adding a onExitComplete callback on the AnimatePresence component.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-framer-motion with-framer-motion
# or
yarn create next-app --example with-framer-motion with-framer-motion

Deploy it to the cloud with Vercel (Documentation).