menu
announcement

Spectrum is now read-only. Learn more about the decision in our official announcement.

Framer

The best prototyping tool for teams. Join our Discord chat for weekly classes and real-time help with Framer. http://framer.com/r/discord?utm=spectrum

Channels
Team

🆕 Motion Examples

August 20, 2019 at 8:13am
The 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:13am
Hey 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
Motion.png

August 20, 2019 at 9:44am
This is really great. Thanks for sharing!
like-fill
1
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?
like-fill
4
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.
like-fill
1
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.