User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Framer

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.

Last Update: Dec. 4, 2021, 7:03 p.m.

Thank you podo & contributors
View Topic on GitHub:
podo/awesome-framer

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.

General

Articles

Videos

Tutorials

Video Courses

Books

Examples

Modules

Google Fonts loader for Framer.js

62
3
6y 5m
n/a

A module for Framer that replicates the iOS tab bar.

94
4
5y 10m
MIT

Framer.js classes for managing large sets of animations

65
6
3y 9m
MIT

A framer module that mimics an iOS notification.

22
0
6y 8m
n/a

A flexible Framer Module that creates a grid overlay on top of your prototype.

24
0
5y 82d
MIT

A collection of useful functions to make mobile prototyping with Framer easier.

417
48
3y 9m
n/a

A framer module that provides a library of different image placeholder services.

10
1
6y 8m
n/a

Reusable and customizable navigation component for Framer, based on iOS

29
2
6y 97d
MIT

Framer JS Module for a Material design like ripple transition

4
0
5y 10m
n/a

Framer.js dynamically tinted icons based off of a template image.

28
0
6y 5m
n/a

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.

21
0
6y 8m
n/a

Apple Watch Kit for Framer JS

55
2
6y 6m
MIT

AudioPlayer Module for Framer. See the new, Design-compatible Audio module here: https://github.com/benjamindenboer/FramerAudio

147
15
5y 81d
MIT

A video player module for Framer Studio and Framer.js.

76
9
6y 54d
MIT

Shake event for your prototype.

62
4
4y 111d
n/a

UISound Module for FramerJS

32
2
4y 111d
n/a

Framer layer displaying image from a camera device

84
6
1y 6m
n/a

Because sometimes we all need to simulate typing in our framer prototypes.

31
1
6y 93d
MIT

Framer.js module that simplifies the process of adding text to your prototypes.

258
23
2y 8m
n/a

Layer animator for Framer

29
1
6y 104d
n/a

A framer module to quickly create a flip card effect with two image layers

96
6
5y 5m
n/a

Framer module to add inputs to your prototypes and easily turn your designs inputs into real inputs

340
34
2y 11m
MIT

A module to create scroll components with sticky headers in Framer.

108
10
4y 99d
n/a

Module for Framer Studio to handle device orientation events.

102
15
5y 4m
n/a

Module for Framer Studio to calculate properties of a scaled layer using its new dimensions.

8
1
6y 8m
n/a

Label module with multi-line truncation support for Framer.js.

11
0
6y 5m
n/a

Give this module an array of images, and it will rotate them equally around in a circular path

37
4
6y 23d
n/a

A framer module that transitions the background colour of a layer.

10
0
6y 108d
n/a

Web view module for Framer.js

24
2
6y 6m
n/a

iOS status bar module for Framer.js

2
0
6y 5m
n/a

📡 An Ajax module for Framer

21
1
6y 39d
MIT

🎨 A fill module for Framer

6
0
6y 94d
MIT

Framer module for Web SpeechSynthesis

12
0
6y 104d
n/a

Framer.js module for making comments in your prototypes

18
0
2y 2d
n/a

A simple controller for FramerJS that allows you to transition between views with just a couple lines of code.

219
19
5y 39d
MIT

Framer.js module that makes it easier to find layers in your project

37
1
2y 4m
n/a

A custom Framer.js module that shows hotspots over clickable layers in your prototype.

27
3
6y 92d
MIT

Modules that extend Framer.js

172
15
3y 37d
GPL-2.0

A virtual reality component for Framer.

184
10
4y 4m
MIT

A Framer Studio module for adding Android Material Design Touch Ripples to any layer

30
5
5y 6m
n/a

Easily add Android keyboards to your Framer Studio projects with just one line of code. Keyboards include default, numbers, symbols, dialpad, and voice.

8
0
5y 7m
n/a

Use this module to easily add Android toasts to your Framer JS projects.

3
1
5y 7m
n/a

A Framer Studio module for adding Android Material Design Snackbars to your project

3
1
5y 7m
n/a

Create custom svg shapes and animate each point individually in Framer JS.

148
17
5y 7m
n/a
267
26
4y 36d
MIT
533
45
4y 9m
MIT

The Firebase module allows your Framer prototype to load, save and sync data effortlessly between multiple sessions and devices.

231
17
3y 7m
MIT

Multi step user flows in Framer.js

426
37
2y 4m
n/a

Grid module for FramerJS

53
1
4y 8m
n/a

A Framer module for creating views that stack on top of each other.

24
1
5y 47d
MIT

A Framer module to generate an interactive Apple TV remote for tvOS app prototypes.

30
1
4y 48d
MIT

Distribute an array of layers in Framer.js

89
2
8m
MIT

Framer Layer subclass for when you need to do stuff with numbers

63
2
5y 4m
n/a

Module for FramerJS to enable a perspective view of your prototype.

40
2
5y 7m
n/a

A Drag and Drop module for Framer CLASSIC.

39
3
9m
n/a

Allows Framer prototypes to read variables from and write variables to the last part of their URL, the query.

27
1
3y 7m
MIT

A Framer module for generating accurate, customizable status bars for iOS app prototypes.

52
4
3y 11m
MIT

Instantly creates Loading placeholder based on your layer style.

16
0
1y 9m
n/a

A Framer module that uses AirBnb's Lottie-Web to render animations exported from After Effects (JSON files)

171
7
3y 10m
n/a

A Framer module for creating a developer panel to control aspects of the prototype from within the prototype.

34
1
4y 48d
MIT

A Framer module for applying gradients to layers and animating them.

21
1
4y 4m
MIT

A Framer module for simulating the grid focus behavior found on Apple TV and Roku.

23
4
4y 48d
MIT

A Framer module for creating powerful Mapbox maps in your prototypes.

20
0
4y 33d
MIT

Import information from Google Sheets into Framer

17
0
3y 11m
n/a

Design with Audio in Framer (https://framer.com).

47
2
4y 32d
n/a

Design with Sliders in Framer. (https://framer.com)

42
0
4y 24d
n/a

iOS 11 Design System GUI for Framer

43
2
3y 8m
n/a

Create symbols in Framer

118
3
3y 4m
MIT

Expand Utils with some handy helper functions.

31
3
3y 4m
n/a

Hassle-free keyboard bindings for Framer: No need to look up keyCodes; supports 100+ keys with minimal performance impact.

10
0
3y 10m
MIT

A Framer module for Gamepad-driven UI prototypes.

15
0
3y 48d
n/a

A Framer feedback module for faster prototyping

20
0
3y 8m
n/a

Framer Module to add Android's Bottom Navigation to your project

8
2
3y 7m
n/a

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)

1
0
3y 7m
MIT

A module for Framer that allows you to easily manage keyboard input.

10
0
3y 43d
MIT

A module for converting your designs in design mode into full scalable classes in code, without a single line of code!

30
3
3y 8m
n/a

Framer Web Audio API Module

6
0
3y 8m
Unlicense

Module to initialize a status bar in a Framer application.

2
0
3y 8m
MIT

Android Picker Module

7
0
3y 8m
n/a

Framer JS Module Library Functions

2
0
4y 6d
n/a

Painlessly, reliably load local and web fonts into Framer prototypes.

30
0
2y 8m
n/a

Give your Framer-prototypes a third dimension

107
9
2y 4m
MIT

Simplest way to integrate Mapbox maps on your Framer prototypes.

46
9
3y 6m
n/a

UI Libraries

Components that make it easy for designers to quickly prototype native-feeling iOS 11 interactions in Framer

97
11
2y 8m
n/a

A general-purpose component kit for Framer.

30
5
3y 5m
n/a

Sites

Other

Discover, install and save your favorite modules at one place

340
25
2y 11m
MIT

A library of Framer snippets to help speed up your workflow

488
29
3y 6m
n/a

Prototype in Framer without coding

144
1
6y 24d
n/a

Kickstart your Framer Library prototype development.

31
4
3y 4m
n/a