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

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

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

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

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

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

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

PoseGroup early enter

switching between { opacity: 0 } to { opacity: 1 } will lead to a moment when nothing is presented. (since exiting component will end in { opacity: 0 } and entering component will start with { opacity: 0 } how can i make the entering animation for new component to trigger early…

thumbsup
0
message-simple
1

Is there any way to use pseudo-classes? Or a CSS string like "p::after { . . .…

I'm wanting to add some overlay effects on text without having to make a completely new container that just sits over it. For example: a text reveal effect that animates in as a block and then pulls away to the right or left to reveal the text. Is there a way to do this? …

thumbsup
0
message-simple
1

i got a problem from `timeline` in popmotion pure

why this code run wrong? i got this object

thumbsup
0
message-simple
1