Open the following prototypes in Framer to learn how to create simple interactions using Design and Code.
See how easy it is to switch states and animate multiple shadows.
Add a splash of color to images and gifs with blending.
Add depth by applying background blur effects to moving imagery.
Transform three static artboards into an interactive multi-screen flow.
Create a simple, staggered loading animation with clever use of masking.
See how adding audio to this iOS Notification prototype brings it to life.
Tap to transition in-and-out of an artboard with more info on the planet.
Scroll & Hide
Define transitions based on your current scrolling position.
From three artboards to a set of interactive pages you can flick through with ease.
Want more examples?
Get Framer resources, curated content, and design inspiration delivered straight to your inbox.