Open the following prototypes in Framer to learn how to create simple interactions using Design and Code. Or follow the preloaded instructions in our Fiber and Voyage UI Kits to customize and create your own apps.


See how easy it is to switch states and animate multiple shadows.

Open Project

Movie Rating

Add a splash of color to images and gifs with blending.

Open Project


Add depth by applying background blur effects to moving imagery.

Open Project


Transform three static artboards into an interactive multi-screen flow.

Open Project


Create a simple, staggered loading animation with clever use of masking.

Open Project


See how adding audio to this iOS Notification prototype brings it to life.

Open Project


Tap to transition in-and-out of an artboard with more info on the planet.

Open Project

Scroll & Hide

Define transitions based on your current scrolling position.

Open Project


From three artboards to a set of interactive pages you can flick through with ease.

Open Project

Want more examples?

Get Framer resources, curated content, and design inspiration delivered straight to your inbox.