🆕 Motion Examples
August 20, 2019 at 8:13amThe Framer community has a new home. This thread is preserved for historical purposes. The content of this conversation may be innaccurrate or out of date. Go to new community home →
🆕 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?
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.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.