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.


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

Download File


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

Open Project


Learn more about panning with this simple camera app example.

Open Project


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

Open Project


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

Open Project


Apply background blur effects to moving imagery to add depth.

Open Project


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


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

Open Project


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


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.