I am building a React website with NextJS 13, Typescript, and Framer Motion. I have the following code, basically copied and pasted from the Framer docs: const { scrollYProgress } = useScroll({ target: targetRef, container: containerRef, offset: ['start end', 'end…
My animations file export const transition = { type: "spring", duration: 1 }; export const slideAnimation = (direction) => { return { initial: { x: direction === "left" ? -100 : direction === "right" ? 100 : 0, y: direction…
In my nextjs project [v13, pages directory] I tried to add the following animation to my hero component, but for some reason I'm getting a static emoji instead of a waving animation This is my WavingHand component : import {…
I am using NEXTJS and SanityIO. I am getting this error when adding this Framer motion component? "TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more:…
I'm adding page transitions to a Gatsby site I'm working on using the framer-motion library. Currently, it works great on my local setup, but when I push to production, the exit animation no longer fires. I'm wrapping my pages in…
I have a Share Icon that looks like: I want the first 5 icons to be shown. The 5th icon being the share icon. I want the rest of the icons to be under share icon & when someone taps…
Recently found a topic that really attracts me, which is the React Route and Framer Motion. I mainly build website with WordPress and Elementor, I'm curious if there are any way to achieve similar effect as React's Framer motion? For…