I have a Next.js project, where I am using framer-motion for some animations. I have the following code where using framer-motion I animated an svg: function Te
I am trying to animate an animation in framer motion using Chakra-ui and Gatsby whereby there is rotation and movement and opacity change. At the moment the ani
So I want to create a viewport scroll progress circle with Framer Motion in a Next.js app (using tailwind as CSS). I used the example code from Framer Motion: h
I know that I can apply motion directly to element/HTMLtag like this: <motion.div>some content</div> But how can I apply it to this? <Comp />
I have essentially the following setup: <AnimatePresence initial={false}> {value ? ( <motion.div> {/* Page 1 content */} </motion
So the animations are only occurring during the initial page reload. I want the animations to execute every time I scroll down to another page. How do I use rea