Sign up for free

Teams
Tutorials
Enterprise
Pricing
Examples
Blog
Support

Framer

Examples
Tutorials
Teams
Enterprise
Pricing
Blog
Support

Sign in Sign up for free

Magic Motion

Animated Tabs

Card List

Card Paging

Container Transitions

Dynamic Grid

Expand on Tap

Image Gallery

Image Gallery 2

Loading Indicator

Magic Motion

Stories UI

Swipe & Expand

To-Do List

Toggle Menu

Overlays

Bottom Sheet

Draggable Sheet

Modal Box

Side Menu

Components

Input Form

Radio Button Form

Toggle Button

Tooltip on Hover

Flows

Checkbox Form

Splash Screen

Interactions

Accordion Menu

Drop on Scroll

Nested Scroll

Pull to refresh

Star Rating

Swipe Menu

Switch Sheet

Tab Menu

Wheel Picker

Effects

Cover Flow

Cube Effect

Flip Effect

Parallax Scroll

Perspective Tilt

Pile Effect

Shuffle

SVG Animation

Integrations

Google Sheets

Map

Signature Pad

Sound Effects

Prototype with Code

Card Swipe

Carousel

Custom Effect

Drag Handle

Dynamic Header

Image Panning

Input Data

Input Validation

Like Animation

Like Counter

Lock Screen

Long Press Menu

Perspective 3D

Progress Bar

Scroll Progress

Show Password

Slider

Stories: Drag

Stories: Tap

Toast Prompt

Accordion Menu

Open in Framer to interact Preview this example

Expand and collapse a list of items.

Preview Example

Resources

Transitions & Interactions Tutorial
Talk about this on Spectrum

Framer
Platforms
Resources
About
Support

Copyright © 2020 Framer BV.

Cookies•Privacy Policy