menu

Popmotion

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

Channels
Team
Posts
Members
Info

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

Stagger physics animation (#popmotion)

hey hey, I'm trying to stagger some physics animations, but I'm having trouble to access the "started" physics animation like i would do on non staggered ones i made a codepen to illustrate my problem here: https://codepen.io/gorhgorh/embed/EzYevY …

thumbsup
0
message-simple
1

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

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

thumbsup
4
message-simple
1

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

Does pose/popmotion work with ssr?

I was wondering, you can use pose or just popmotion within server-side-rendering frameworks like e.g. nextjs? At least Pose does seem to depend on the window object. Has anyone tried that out yet?

thumbsup
3
message-simple
13

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