🆕 Motion Examples
August 20, 2019 at 8:13am🆕 Motion Examples
August 20, 2019 at 8:13amHey all! Here’s a brand new reference file with 20 interactions made completely in Motion. These do not use the Framer Library at all, but can be opened and played with in Framer X. Grab the file here, and feel free to reach out if you have any questions. Happy animating! http://bit.ly/framer-motion-examples
August 20, 2019 at 9:44am
Are there any plans to migrate to the motion syntax to maintain single API instead of two?
Also, there are some features (like SVG) which are not available in the current playground version of API. Are you guys going to inject them into the playground API or they will be available exclusively under the motion library?
Does it make sense for folks to use Motion right off the bat instead of playground because of easier hand-off?
Does it make sense for folks to use Motion right off the bat instead of playground because of easier hand-off?
You can, but you don’t have to: since the Library is essentially built on top of Motion, it’s super easy to convert code later. In many cases a simple rename of
Frame to motion.div suffices.Are there any plans to migrate to the motion syntax to maintain single API instead of two?
Also, there are some features (like SVG) which are not available in the current playground version of API. Are you guys going to inject them into the playground API or they will be available exclusively under the motion library?
Not currently, as they serve two different purposes. Library is built on top of Motion; but is optimized for prototyping. Motion is a bit less opinionated in its syntax, and mostly sticks to CSS defaults for property names.