• This repository has been archived on 21/Mar/2020
  • Stars
    star
    118
  • Rank 299,923 (Top 6 %)
  • Language
    JavaScript
  • Created over 10 years ago
  • Updated over 8 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Framer Examples

Examples for Framer

This is http://projects.framerjs.com, examples for Framer.

Contributing

New examples are very welcome, and we'd love you to add yours. The kind of examples we are looking for have a high quality bar, look visually appealing and have clean and well commented code so other people can learn from them. Smaller examples that focus on a single task are also welcome.

How to Contribute

To make it easy for us to add new examples, and to give makers full credits we'd like to work with pull requests. It's pretty easy and basically goes like this:

  • Create your prototype in Framer Studio
  • Fork the FramerExamples repository
  • Clone the forked FramerExamples repository to your machine
  • Create a new branch on your machine
  • Add your prototype to Examples (lowercase title, no spaces)
  • Add your prototype link to the menu at FramerExamples/FramerExamplesSite/pages/index.html
  • Commit and push your changes
  • On your forked repository at GitHub, create a pull request

For a more in depth overview check this guide.

More Repositories

1

motion

Open source, production-ready animation and gesture library for React
TypeScript
23,131
star
2

monobase

React static site generator
TypeScript
202
star
3

framer-bridge-starter-kit

Start your design system in Framer X.
TypeScript
156
star
4

syntax

A VSCode dark theme inspired by Framer’s popular code editor.
123
star
5

FramerXDocs

Docs for Framer X (work in progress)
115
star
6

next.js

Framer Next.js Quickstart
JavaScript
79
star
7

moonbase

Your base on the moon
HTML
49
star
8

example-framer-esm-setup

JavaScript
49
star
9

snippets

Snippets and examples of popular patterns.
47
star
10

syntax-atom-ui

An Atom UI theme inspired by Framer’s popular code editor.
CSS
26
star
11

SpringsExample

Example projects of how to use Framer Springs in iOS
JavaScript
24
star
12

plugins

A collection of example Framer Plugins.
TypeScript
23
star
13

syntax-atom

An Atom dark theme inspired by Framer’s popular code editor.
CSS
22
star
14

respo

Responsive React Component
TypeScript
10
star
15

FramerXFolderExample

This project show how a .framerfx folder-backed project can share components with a regular React project.
TypeScript
10
star
16

FramerStyleGuide

A style guide for writing and designing Framer content
7
star
17

FramerTraining

Framer training materials for workshops and demos.
6
star
18

MoonbaseEngine

Your base on the moon
CoffeeScript
5
star
19

bundler

JavaScript
4
star
20

paint

JavaScript
4
star
21

FramerFxStarterTemplate

TypeScript
4
star
22

plugin-oauth

TypeScript
3
star
23

merge-approved-pull-request-action

A GitHub action that automatically merges approved pull requests.
Shell
2
star
24

FramerLinkSite

CSS
1
star