menu

Framer

Express your creative ideas through interactive design. Join the community for updates, support, resources, and more.

Channels
Chat
view-forward
# All channels
view-forward
# General
view-forward
# Announcements
view-forward
# Bug Reports
view-forward
# FAQ
view-forward
# Feature Requests
view-forward
# Learn
view-forward
# Meetups
view-forward
# Resources
view-forward
# Snippets & Tips
view-forward
Team

🆕 Motion Examples

August 20, 2019 at 8:13am

🆕 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
  • reply
  • like
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?
  • reply
  • like
Does it make sense for folks to use Motion right off the bat instead of playground because of easier hand-off?
like-fill
4
  • reply
  • like
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.
like-fill
1
  • reply
  • like
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.
  • reply
  • like