Examples

Learn how to create simple interactions using Design and Code. Also, be sure to check out our platform-specific and themed UI kits to jumpstart your next design project.

Bookstore

Get inspired by this colorful bookstore concept designed for the web.

Download File

Calendar

Learn more about auto-resizing with this modern calendar design.

Open Project

Zooming

Learn more about panning with this simple camera app example.

Open Project

Profile

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

Open Project

Soundkit

Intregrate audio into a watch prototype to make it come alive.

Open Project

Dashboard

Apply background blur effects to moving imagery to add depth.

Open Project

Flows

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

Open Project

Movie Rating

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

Open Project

Notifications

Add audio to this iOS Notification prototype and watch it come to life.

Open Project

Transitions

Tap to transition in-and-out of an artboard and reveal more details about a subject.

Open Project

Scroll & Hide

Define transitions based on your current scrolling position.

Open Project

Pages

Turn three artboards into a set of interactive pages with ease.

Open Project

Want more examples?

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

We recently introduced Frames and Shapes, so some information in these videos may be outdated. To learn more visit our Help Center.