Image of a page transition— Etch
Framer Motion website

How to get started with Framer Motion

npm install framer-motion
export const pageTransitions = {
in: {opacity: 1, y: 0},
out: {opacity: 0, y: "-100"}
import {motion} from 'framer-motion'
import {pageTransitions} from '../pageTransition';
visual of page transition — Just Breathe
render(){return (<div className="welcome-container"><motion.divinitial="out"animate="in"exit="out"variants={pageTransitions}.... ///</motion.div>


Page transition in react — Coding with Smith

Software Engineer