menu

Popmotion

Help and discussion for Popmotion's animation libraries: Popmotion, Pose, React Pose, React Native Pose, etc

Channels
Team
Posts
Members
Info

React Router + React Pose slide in/out with "POP" or "PUSH" direction

I've been having this issue for over a month, getting back to it with new ideas over and over, but I can't wrap my head around a solution. There must be one out there, this is trivial! My goal is to normally slide pages in from left and slide out to right. When it reverses (user…

thumbsup
0
message-simple
0

Will this project be deprecated with the release of React Framer Motion?

thumbsup
0
message-simple
0

React context describing current animation?

Hi folks -- I have an element that I've given an exit animation via a <PoseGroup/> that animates fine. I have an issue however where some inner bits of an exiting element have mouse handlers registered that do stuff on mouseover/mouseout that need to be disabled during the exit…

thumbsup
0
message-simple
0

dragEnd pose and onPoseComplete

The docs describe dragEnd as a pose: https://popmotion.io/pose/learn/dragging/#dragging-dragend-pose But once the pose has finished transitioning after a drag the onPoseComplete callback is not fired. Is this a bug, by design, or a mistake on my part? My problem is I have a menu…

thumbsup
0
message-simple
2

My first React pose carousel

Hey, I created yet-another slide-based Carousel using React pose. https://codesandbox.io/s/0094879v40 My objective was to make it as pure as it can be: no built-in controls, no internal slide index state (the slide index is only controlled by props), no built-in classes, no…

thumbsup
3
message-simple
6

FLIP animation that don't affect the items children

Does anyone have a good suggestion how to not affect the child elements of the pose-group children when doing a flip animation? My problem (the texts inside scales): https://codesandbox.io/s/hopeful-chebyshev-04bfd?fontsize=14

thumbsup
0
message-simple
0

Entry animation with `flip: true` - expected behaviour?

Hey, I'm setting up a basic entry/exit animation using React Pose. I'm encountering some behaviour that seems strange, but I'm unsure if it's a bug or an expected side-effect of FLIP-based animations. I've made a minimal recreation of the problem here:…

thumbsup
0
message-simple
0

How do you animate scrolling? like scrollToBotton

thumbsup
0
message-simple
0

How to get posed Components ref

I'm trying to get a posed components ref but I'm not sure how to expose it. Code outside of main component: Main component: …

thumbsup
0
message-simple
1

Circular motion in react

Hello, I would like to implement this functionality in react https://codepen.io/popmotion/embed/eygBGW I looked over the documentation for react-pose but I can't see any info regarding circular motion. …

thumbsup
0
message-simple
0