Sign up for free
  • Teams
  • Tutorials
  • Enterprise
  • Pricing
  • Examples
  • Blog
  • Support
Sign in
  • Framer
    • Examples
    • Tutorials
    • Teams
    • Enterprise
    • Pricing
    • Blog
    • Support
  • Sign inSign 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

Input Data

Open in Framer to interactPreview this example

Edit info in a modal.

Open in Framer
Preview Example
Resources
  • Interactions Support
  • Transitions Support
  • Transitions & Interactions Tutorial
  • Talk about this on Spectrum
  • Framer
    • Updates
    • Pricing New
    • Tutorials New
    • Teams
    • Enterprise
    • Blog
    • Motion
  • Platforms
    • Web New
    • macOS
    • iOS
    • Android
    • Figma Importing
    • Sketch Importing
  • Resources
    • Examples
    • Packages
    • API
    • Wallpapers
  • About
    • Loupe
    • Community
    • Company
    • Careers
    • Security
  • Support
    • Using Framer
    • Accounts
    • Contact

Copyright © 2020 Framer BV.

Cookies•Privacy Policy