How to scroll x on a div while the user keeps scrolling on the Y axis. I want to recreate the "Our Work" section on https://nifty-template.webflow.io ...
How to scroll x on a div while the user keeps scrolling on the Y axis. I want to recreate the "Our Work" section on https://nifty-template.webflow.io ...
I have this repro here of a motion.ol and motion.li that appear and disappear. However, the animation on exit does not work on the motion.li. The par ...
Ive been trying to make this page where you can change object when clicking a key, but the eventlistener i am using works only once i select the scree ...
I use the useInvertedScale hook imported from framer-motion@1.6.0 and it throws an error useInvertedScale is not imported with the latest version of f ...
In Framer Motion, I'm trying to get two colors to animate smoothly. The colors are red 'hsl(0, 100, 50)' and blue 'hsl(240, 100, 50)'. Unfortunately, ...
Using AnimatePresence here from framer-motion and the exit animation of the outer parent does not seem to fire. The enter animations fire for all 3 e ...
I keep encountering the same problem. I'm making a website for a barbershop and I am trying to use google api to add events into a google calendar. I ...
so I encountered with the weird problem. So I'm using React and animating page with FRAMER API. So what I'm doing: On specific ScrollY, let's say 900, ...
I am trying to use the Framer API to implement a horizontal Scroll Component https://www.framer.com/api/scroll/ According to the documentation there i ...
I am trying to set display:none on a parent element once the children stagger animations have completed. My li elements fade out and the parent ul sho ...
This is a Framer/React question: I have a bunch of text fields in a "page" component and I want the focus to shift on every "page" change. There's a ...
For a client we're building horizontally dragging rows of media items. Dragging horizontally using Framer-Motion works great, but I can't animate the ...
I've a useState Hook set up in a file carousel.tsx Now, on my App.tsx I have a Frame, tapping on which I want to reset to the default state. How ...
I recently dove into Framer X to make the prototype, and in some page I want to play the gif to demonstrate the process of loading and after that it w ...
How can I animate a pure number from 0 to 100 with a transition config? ...
I'm currently facing this problem where my animate refuse to work despite my scale being triggered on hover. I went through the documentation and st ...
While using Framer Motion API to create interaction and animations on my site, I can not find how to use it in order to trigger an animation when some ...
I'm working on a prototype in FramerX, and our production software uses Ag-Grid for a large number of components. I need to be able to incorporate Ag- ...
I'm using Framer X (which uses react) to generate a bunch of components. I have an array of objects like so: I'm then mapping through the array: ...
I'm currently using the React library Framer Motion to help animate some of the gestures I want in my App. I seem to be having an issue with the "drag ...