Framer Prototype: View and Download https://framer.cloud/NuzID
Example Animations: multi-stage.json (Recommended - Shown in Prototype)
This approach would be best to use as we can fit multiple animations in one file making it easier to implement when multi stage animations are a benefit.
Contains three stages:
- Frames 0-240 (Loop) - A basic movement to get attention.
- Frames 240-360 - The main animation.
- Frames 360-479 - Returns to the original state.
single-stage.json Just the main animation from the multi-stage example. Simpler to implement for a quick test but less not as good in terms of what we can do. Can be used with both autoplay and looping disabled.
simple.json Is a simpler version of the main animation. This could be used for a test if the other examples are too demanding (though they shouldn’t be). Can be used with autoplay and looping disabled.