Examples

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.

Profile

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

Dashboard

Add depth by applying background blur effects to moving imagery.

Open Project

Flows

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

Open Project

Loading

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

Open Project

Notifications

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

Open Project

Transitions

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

Pages

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.