Your first time on this page? Allow me to give some explanations.
A curated list of awesome things related to Framer prototyping tool
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you podo & contributors
View Topic on GitHub:
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
Paul Cotton talks how he started using Framer.
Koen Bok and Jorn van Dijk give a short talk and Q&A focused on Framer that also covers prototyping in general and a discussion of the various design tools available in the market.
The place to start prototyping with Framer.
Video tutorials provided directly from Framer team.
David Lee’s guide to get started.
Sean Mateer makes weird and hard things look easy.
Simple guide to getting started by Dan Moore.
Framer basics by Tackmobile team.
Very basic Framer starting guide by Andrew Nalband.
Second guide by Andrew Nalband, where you start building real prototype from Sketch file.
Animation tutorial by Kenny Chen.
Collection of Framer examples by Jay Stakelon.
Apple Watch temperature gauge prototype tutorial.
Presentation by Jordan Dobson on how to create Periscope heart animation with Framer.
Using Framer with real data Part 1 by George Kedenburg III.
Using Framer with real data Part 2 by George Kedenburg III.
Starting point for SVG Paths in Framer by Josh Puckett.
Mårten Björk on styles management in Framer.
John Marstall teaches how to create a Framer Module.
Excerpts of some interaction considerations Keyur Jain learned of while prototyping for a Virtual Reality experience in Framer.
Brian Bailey gives a breaf introduction to speach recognition prototyping in Framer.
Maya Gao on Framer prototypes with real location data using Mapbox API.
50-minute Skillshare class on how to use mobile app prototyping to communicate your ideas and execute your vision by Noah Levin.
54 parts, 6 hours course by Adria Jimenez.
Three-part prototyping course by Rafael Conde.
5-hour long prototyping course by Kenny Chen.
Almost 5 hours long course by Jay Stakelon.
Advance your Framer knowledge with real world examples produced by Mike Johnson.
Emmanuel Henri shows both how to use non-coding Framer tools and how the usage of programming fits into the UX design process.
Crash course learning the basics of design and code on Framer.
List of basic and more advanced Framer courses.
Series of videos that walk you through designing and coding in Framer using hands-on projects by Cordova Putra
Several awesome examples with download links from designer at Dropbox.
Google Fonts loader for Framer.js
A module for Framer that replicates the iOS tab bar.
Framer.js classes for managing large sets of animations
A framer module that mimics an iOS notification.
A flexible Framer Module that creates a grid overlay on top of your prototype.
A collection of useful functions to make mobile prototyping with Framer easier.
A framer module that provides a library of different image placeholder services.
Reusable and customizable navigation component for Framer, based on iOS
Framer JS Module for a Material design like ripple transition
Framer.js dynamically tinted icons based off of a template image.
This is a module for framer.js that makes it easy to create static linear/radial gradients. Want them to animate? I welcome pull requests.
Apple Watch Kit for Framer JS
AudioPlayer Module for Framer. See the new, Design-compatible Audio module here: https://github.com/benjamindenboer/FramerAudio
A video player module for Framer Studio and Framer.js.
Shake event for your prototype.
UISound Module for FramerJS
Framer layer displaying image from a camera device
Because sometimes we all need to simulate typing in our framer prototypes.
Framer.js module that simplifies the process of adding text to your prototypes.
Layer animator for Framer
A framer module to quickly create a flip card effect with two image layers
Framer module to add inputs to your prototypes and easily turn your designs inputs into real inputs
A module to create scroll components with sticky headers in Framer.
Module for Framer Studio to handle device orientation events.
Module for Framer Studio to calculate properties of a scaled layer using its new dimensions.
Label module with multi-line truncation support for Framer.js.
Give this module an array of images, and it will rotate them equally around in a circular path
A framer module that transitions the background colour of a layer.
Web view module for Framer.js
iOS status bar module for Framer.js
An Ajax module for Framer
A fill module for Framer
Framer module for Web SpeechSynthesis
Framer.js module for making comments in your prototypes
A simple controller for FramerJS that allows you to transition between views with just a couple lines of code.
Framer.js module that makes it easier to find layers in your project
A custom Framer.js module that shows hotspots over clickable layers in your prototype.
Modules that extend Framer.js
A virtual reality component for Framer.
A Framer Studio module for adding Android Material Design Touch Ripples to any layer
Easily add Android keyboards to your Framer Studio projects with just one line of code. Keyboards include default, numbers, symbols, dialpad, and voice.
Use this module to easily add Android toasts to your Framer JS projects.
A Framer Studio module for adding Android Material Design Snackbars to your project
Create custom svg shapes and animate each point individually in Framer JS.
The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.
Multi step user flows in Framer.js
Grid module for FramerJS
A Framer module for creating views that stack on top of each other.
A Framer module to generate an interactive Apple TV remote for tvOS app prototypes.
Distribute an array of layers in Framer.js
Framer Layer subclass for when you need to do stuff with numbers
Module for FramerJS to enable a perspective view of your prototype.
A Drag and Drop module for Framer CLASSIC.
Allows Framer prototypes to read variables from and write variables to the last part of their URL, the query.
A Framer module for generating accurate, customizable status bars for iOS app prototypes.
Instantly creates Loading placeholder based on your layer style.
A Framer module that uses AirBnb's Lottie-Web to render animations exported from After Effects (JSON files)
A Framer module for creating a developer panel to control aspects of the prototype from within the prototype.
A Framer module for applying gradients to layers and animating them.
A Framer module for simulating the grid focus behavior found on Apple TV and Roku.
A Framer module for creating powerful Mapbox maps in your prototypes.
Import information from Google Sheets into Framer
Design with Audio in Framer (https://framer.com).
Design with Sliders in Framer. (https://framer.com)
iOS 11 Design System GUI for Framer
Create symbols in Framer
Expand Utils with some handy helper functions.
Hassle-free keyboard bindings for Framer: No need to look up keyCodes; supports 100+ keys with minimal performance impact.
A Framer module for Gamepad-driven UI prototypes.
A Framer feedback module for faster prototyping
Framer Module to add Android's Bottom Navigation to your project
A Framer module that adds a rotation button to a phone/tablet when said is displayed in a desktop browser or in Framer Studio (but not on device)
A module for Framer that allows you to easily manage keyboard input.
A module for converting your designs in design mode into full scalable classes in code, without a single line of code!
Framer Web Audio API Module
Module to initialize a status bar in a Framer application.
Android Picker Module
Framer JS Module Library Functions
Painlessly, reliably load local and web fonts into Framer prototypes.
Give your Framer-prototypes a third dimension
Simplest way to integrate Mapbox maps on your Framer prototypes.
Components that make it easy for designers to quickly prototype native-feeling iOS 11 interactions in Framer
A general-purpose component kit for Framer.
Blog by Kenny Chen with lots of great examples, tutorials.
Discover, install and save your favorite modules at one place
A library of Framer snippets to help speed up your workflow
Prototype in Framer without coding
Kickstart your Framer Library prototype development.
A free travel-themed UI kit that’s fully interactive and made for Framer.
Readymade elements for starting your next iOS app. Direct link.
Material Design elements for your next Android app. Direct link.
All the elements you’ll need to start your next web project. Direct link.