Benjamin den Boer@benjamindenboer
Niels van Hoorn@nvh
Jorn van Dijk@jornvandijk
How to apply Transition Animation on Content change in div using framer-motion?
Hi, I am trying to build a functionality of Tabs in React. On clicking a tab, the content in a separate div(lets call it content div) changes. I want to give a transition(like slide-in or fade) every time the content changes in the content div. I cannot figure out how to do…
[Framer Motion] Why is my image carousel animation not working?
Hi, I am trying to adapt an image carousel animation to my website (taken from Framer's example: https://codesandbox.io/s/framer-motion-image-gallery-pqvx3?fontsize=14&module=%2Fsrc%2FExample.tsx), however, I am running into an issue where the exit animation is causing the enter…
Component-importer is ignoring classes, but works with functional components?
Hi there, So I've got the component-importer working when it comes to functional components, but it's ignoring my classes. I've cloned the starter-kit and created an index.tsx file inside design-system/index.tsx which looks like: The TestClass.tsx: …
Hello gentry, how do I hierarchically nest staggering? :) I have a list of items, with each item divided into sections. Sections have an exit animation. Sections of an item exit staggered (say .1 between each section of an item) but there should also be staggering between the…
Animating x values for on scroll transitions framer-motion
I'm trying to have a card slide in on scroll. Im using a useIntersection hook to validate the component is in view. What seems to happen on mobile is the website compensations for the ridiculous x values i set to keep it off screen. what would be the proper way to go about this?
framer-motion: Is there a way to achieve morphing svg path animations?
Hi there, I've been trying to get quite different svg paths to animate and morph, but I can't figure how to do it in framer-motion. What I'm looking for is the same functionality as in this post: https://popmotion.io/pose/examples/svg-morphing/ Is there a way to do it? …