Made with Framer
Weather AppPrototype of the iOS Weather app with multiple ScrollComponents.
Twitter FeedPrototype of the iOS Twitter app with blurring and scrolling effects.
Medium AppPrototype of a Medium app with scrollable pages.
Sticky HeadersScrollable lists, with section headers that stick to the top.
Carousel OnboardingPrototype taking users through the onboarding flow of the app.
Voice OnboardingPrototype of the onboarding animation from Google Now.
iOS LockscreenPrototype of the iOS Lockscreen and slide-to-unlock gesture.
Pull-To-Refresh Prototype of the iOS gesture within the YouTube app.
Guidebook SearchPrototype of a Guide Discovery flow for Guidebook.
Album AnimationPrototype of an album loading transition seen in Android.
Calendar AppPrototype of the calendar app seen in the Material Design reel.
Google NowPrototype of the transition from the overview to the cards.
Material MapsPrototype of a Maps app, with Google Maps integration.
Card FeedPrototype of a vertically swipable feed of cards with a parallax effect.
Potluck OnboardingPrototype taking users through the onboarding flow of the app.
Load and DisplayPrototype of a file loading transition seen in Android.
Snap ScrollPrototype of a Dribbble feed with snappy scroll behaviour.
Image SliderA customizable image slider with keyboard navigation.
Weibo Apple WatchPrototype of a Weibo feed with messaging and following.
List SortingA list of layers that can be picked up, dragged and re-ordered.
Paper Photo ZoomPrototype of the photo behaviour from the Facebook Paper app.
Parse DataPrototype allowing you to read and write to a database with Parse.
Detail View TransitionPrototype of a feed of videos, each with a three-part transition.
Album PlayerPrototype of a music player with a circular-path animation.
Profile PicturePrototype of a profile screen with a circular masking animation.
Chat BubblesPrototype of an input field generating chat bubbles.
Blurred NavbarPrototype of a twitter feed with a blurred navigation bar.
iOS HealthbookPrototype of the Healthbook app & notification, seen in iOS8.
Card RotationPrototype of a card that rotates based on dragging velocity.
AirBNB NavigationPrototype of the drawer navigation as seen in the iOS app.
Writer SlideshowPrototype of a draggable slideshow with writer bios.
Android Wear NotificationPrototype of a notification animation seen in Android Wear.
Generated ImagesAn array of layers with images loaded with JSON via Dribbble.
Layered AnimationsAnimation of a triangular path with vertical movement and scaling.
Keyboard-Controlled SlidesA list of layers that can be selected using keyboard shortcuts.
Material Design TooltipFade-in animation with circular image masking seen in Android.
Animation BasicsHighlighting animation curves, timing, repeat and delays
Animation OriginAnimate a layer with a defined animation origin.
Animation ChainingStart an animation after one ends with AnimationEnd events.
Delayed AnimationsA staggered animation of mapped layers, dynamically colored.
Scrolling BasicsA list of generated layers placed within a ScrollComponent
Draggable BasicsA draggable layer that snaps back to its origin using dragging events.
Draggable ConstraintsA draggable layer with dragging contraints defined by a layer.
Draggable - ResistanceA draggable layer with dragging resistance and acceleration.
States - Layer ArrayAdd a set of states to multiple layers by pushing them in an array.
Shadow - LightsourceA layer with a dynamic shadow, based on your mouse movements.
Click EventsAnimating layers on Click, TouchStart and TouchEnd events.
Parallax MovementHow to create a parallax scrolling effect using different images.