Simple JavaScript animation libraries for delightful interfaces. Created by @mattgperry.
London, England
- Tweets 1,671
- Following 92
- Followers 2,388
- Likes 1,479
Popmotion retweeted
10) Dragging has been made simpler and more flexible. Now, it's just enabled or disabled as a prop.
1
2
7
Popmotion retweeted
This is all performed using the single animation defined in the previous tweet, and CSS variables:
1
2
7
Popmotion retweeted
5) For intricate series of animations, the new `useAnimation` hook creates imperative animation controls that can be bound to one or multiple components.
1
2
12
Popmotion retweeted
4) In Pose, each pose property could be dynamic. But now the entire variant can be dynamic, which produces simpler code and allows you to return completely different properties based on data sent via each component's `custom` prop.
1
1
5
Popmotion retweeted
🥽 I released a new tutorial in the @Framer Beta docs!
Framer.com/api/tutorial/
Build a functional slider from scratch & learn about:
• Layout, Visual & Drag Props
• Working w/ React Hooks
• MotionValue Sharing & Transform
• Setting Default Props
• Passing Component Data
ALT Framer API Tutorial Example Image
2
25
161
Popmotion retweeted
3) For fans of Pose, we've got a similar feature: Variants. These are now just plain objects that can be provided to components. Not having to make posed components means we can change variants based on state or props.
1
3
4
Popmotion retweeted
📢 Glicky: An in-browser task runner for modern web development 🐭
Glicky aims to lower the barrier to entry to web dev by providing a GUI for common CLI tasks. All hosted on NPM with no native installations!
✨Get started by running `npx glicky`✨
github.com/alex-saunders/gli…
8
138
603
Popmotion retweeted
2) The new keyframes syntax! Anyone who's brave enough to venture into keyframes in Pose knows it works a little differently to the other animations.
Now, whenever a value is set as an array of values, we'll automatically animate that with a keyframes animation!
3
3
26
Twitter is the best format for deep-dives
Let's take the scenic route through the features of the new @framer API that I think are pretty cool. Even if you don't use Framer, most of what I'll talk about over the next few weeks is stuff that *at some point* you'll be able to use in production
framer.com/api
2
Powered by Popmotion! The linked code gives a good sense of where we’re going with the next production-ready @reactjs motion library.
Made the Apple Watch dock with the new animation and gesture API in the @framer Beta. codesandbox.io/s/6j6l074q9r
1
4
29
Watch @koenbok and @benjaminnathan demonstrate the new Popmotion-powered animation and gesture features in Framer X - live now!
We’re live now! Follow along to get the inside scoop on the all-new Framer Playground.
bit.ly/2OApnre
2
15
Check this out to get a sneak peak at what comes after Pose!
Framer Session 4 is happening this Thursday, March 28 at 18:00 CET / 10:00 PST featuring co-founder @koenbok and design lead @benjaminnathan. This is one you won’t want to miss.
Set a reminder here — bit.ly/2WoknbF
3
38
Popmotion retweeted
Animation with react native use too have a weird place in my code from lottiefiles to Animated before I got introduced to @popmotionjs and pose, spent the hole Saturday playing with it, super easy and beautiful 😍😍😍 @expo #reactnative
3
8
Popmotion retweeted
👷♂️👷♀️ New blog post: Learn how a tween animation works by building one
inventingwithmonster.io/2019…
5
19
Popmotion retweeted
#100DaysOfCode New learning project #WIP : wireless RGBW #led stripe controller (#ws2811 like led chips) using @nuxt_js, @feathersjs, @vuetifyjs @popmotionjs and in a later stage also #mqtt for communication with the microcontrollers (#esp8266)
1
11
Popmotion retweeted
Settings menu! Using @davidtheclark's focus trap, @mattgperry's pose for animations👌
2
2
25
Popmotion retweeted
Are you interested to learn How to achieve this interaction in #ReactNative with @expo and @popmotionjs? Featuring:
- morph SVG
- easy gradients
7
10
59
Popmotion retweeted
Just announced: New location and dates for @framerloupe 2019! Join us this August 15 -16 at the iconic @Muziekgebouw in Amsterdam. Watch the recap video below and sign up to get notified as we release more details — bit.ly/2tuUISp
youtube.com/watch?v=qUPEKDWT…
3
13
78