menu

Popmotion

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

Channels
Team
Posts
Members
Info
down-caret

Rotating a Rectangle properly

Anyone wanna help a noob? https://stackoverflow.com/questions/61472809/how-do-i-rotate-rectangle-from-a-keyframe-using-popmotion-pure

thumbsup
0
message-simple
0

Does react-pose have something similar to this in react-spring?

Is there a way to achieve similar results using react-pose as the number innertext example in react-spring http://react-spring.surge.sh/spring ? I'm already using react-pose in a project so would rather not add react-spring just for this one feature, but I'm stuck as to how to…

thumbsup
0
message-simple
5

TypeScript error in create-react-app

Guys, I have the following error using react-pose JSX element type 'PoseGroup' is not a constructor function for JSX elements. Type 'PoseGroup' is missing the following properties from type 'ElementClass': context, setState, forceUpd …

thumbsup
0
message-simple
0

Is vue-pose deprecated?

On the official website's documentation for vue-pose, there's a little warning "Pose for Vue is deprecated", yet the global homepage still uses vue-pose for its examples. Also, the repo's readme doesn't mention any king of deprecation

thumbsup
1
message-simple
1

Can someone help me out with hiding the initial render of the component before…

So I pretty much followed the tutorial, but I can't seem to find a way that the component will not be shown unless the animation starts, what happens is that the component is rendered in the screen then the animation starts in a split second. const RouteContainer =…

thumbsup
0
message-simple
0

Flip animations break with my abstraction

I have abstracted PoseGroup into a generic AnimatedList component that would automatically wrap it's children. Problem is that the animations break a lot and I have no idea what I have done wrong. The shuffle animation and flip animations are totally broken. When I set a ref on…

thumbsup
0
message-simple
9

Does anyone have any examples of parallax scrolling built with React Pose?

Hey everyone, Would be interested to see some examples of a parallax scrolling effective, done with React Pose, but so far I can't find anything. Anyone got any examples they could share please? :)

thumbsup
0
message-simple
1

There seems to be a problem with a popmotion dependency

The dependency style-value-types is breaking our angular build. Judging by the build error, it looks like a syntax error. Unfortunately, even if we roll back to a previous popmotion version, the package pulls in latest style-value-types making it impossible for us to fix.

thumbsup
0
message-simple
1

Toggle display property

I'm trying to toggle between display: 'block' and display: 'none' https://codesandbox.io/s/6vj6wvzvon I'm having the same trouble with other properties like visibility and in my attempts at a workaround I had trouble animating margin... Any documentation explaining caveats?

thumbsup
0
message-simple
3

How to use custom update and complete function with value function?

I'm failing figure out how to call my custom functions on update and also call my function on complete. I'm using function value() to have an option any time during animation to call current velocity like this 'elStylerX.getVelocity()'. Here is my code: const elStyler =…

thumbsup
0
message-simple
7