Simple JavaScript animation libraries for delightful interfaces. Created by @mattgperry.
London, England
- Tweets 1,671
- Following 92
- Followers 2,387
- Likes 1,479
Also @jevakallio I explicitly remember you saying "words words Native animations words" and my dickhead subconscious whispering "challenge accepted"
4
PS thanks to @DriveTribeTech for the time I stole to work on this and @andr3wjack and @Kelset for fielding my stupid React Native questions. It's been emotional yeah. Also thanks to you for trying it out. Cuz if this shit's broke I'm gonna be at the pub.
2
6
8) Finally (for now), we've got that mad passive value goodness from regular Pose. What we lack in Popmotion's functional value pipelines we gain with Animated's powerful interpolate function:
1
2
5) Despite Pose being full-on cheat mode, you still have all the power. Define custom transitions with Animated:
1
4
Right! But to be fair it was really simple. Pose changes propagate throughout all child posed components via context. LOOK at the code that generated it:
1
6
2) useNativeDriver? Don't worry about it! Pose will figure that out based on the type of values you're animating.
3) vh and vw units in React Native. Boom! % units on the way!
2
9
1) You don't even have to animate to animate! Just define your poses and Pose will create some snappy stuff automatically
1
3
🚀😅🍺 Announcing React Native Pose 0.1.0!
Bringing that declarative Pose syntax to the world of React Animated!
Check it out: popmotion.io/pose/
Feature thread:
4
52
169
Popmotion retweeted
I prefer plain JS over ImmutableJS.
1. ImmutableJS is ~54KB. Near twice the size of React and React-DOM combined.
2. You must use a new, wordy syntax for common operations. Check out this syntax comparison:
15
38
149
Popmotion retweeted
Here's a _wildly weird_ take on Pong...
Pong + Pacman + Space Invaders!
kingpenguin.itch.io/pacapong
2
58
187
Popmotion retweeted
Pretty happy with how the animations came out on my project listing over at danwebb.co 💅✨ using @popmotionjs Pose!
4
8
🚀🚀🚀 Animated Pose is here!
It works with React Native, but here's it doing its thang with VIRTUAL FRICKIN REALITY
github.com/Popmotion/popmoti…
PS This is not @reactjs Native Pose. Just an important building block that simplifies using the Animated library.
1
9
32
⚙️ Pose Core: github.com/Popmotion/popmoti…
Practically, with such obtuse docs, this is currently a curio. It's a factory that can create new Pose libraries by abstracting away the underlying animation library. It will power React Native Pose via Animated and soon Popmotion Pose
5
Showing off some mad animation skillz using the @Joyride_dt app as a testbed for React Native Pose.
No more manual interpolation for animating values with units!
1
2