• Stars
    star
    21,485
  • Rank 1,057 (Top 0.03 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 5 years ago
  • Updated 28 days ago

Reviews

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

Repository Details

Open source, production-ready animation and gesture library for React

Framer Motion Icon

Framer Motion

An open source motion library for React, made by Framer.

Motion powers Framer, the web builder for creative pros. Design and ship your dream site. Zero code, maximum speed.


Start for free


Framer Banner


This repo contains the source code for Framer Motion and Framer Motion 3D.

๐Ÿ“š Docs

๐Ÿ’Ž Contribute

๐Ÿ‘ฉ๐Ÿปโ€โš–๏ธ License

  • Framer Motion is MIT licensed.

โœจ Framer

More Repositories

1

monobase

React static site generator
TypeScript
202
star
2

framer-bridge-starter-kit

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

api-docs

A complete API reference for the Framer Library & Framer Motion packages
TypeScript
154
star
4

syntax

A VSCode dark theme inspired by Framerโ€™s popular code editor.
123
star
5

FramerExamples

Framer Examples
JavaScript
118
star
6

FramerXDocs

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

next.js

Framer Next.js Quickstart
JavaScript
79
star
8

component-importer

The component-importer helps you import your production design system into Framer X
TypeScript
60
star
9

moonbase

Your base on the moon
HTML
49
star
10

example-framer-esm-setup

JavaScript
49
star
11

snippets

Snippets and examples of popular patterns.
47
star
12

syntax-atom-ui

An Atom UI theme inspired by Framerโ€™s popular code editor.
CSS
26
star
13

SpringsExample

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

syntax-atom

An Atom dark theme inspired by Framerโ€™s popular code editor.
CSS
22
star
15

baseui.framerfx

Uber's https://baseweb.design/ design system as a Framer X package
TypeScript
18
star
16

respo

Responsive React Component
TypeScript
10
star
17

FramerXFolderExample

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

salesforce-lightning.framerfx

The Salesforce Lightning Design System in Framer X
TypeScript
7
star
19

FramerStyleGuide

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

Workshop-Uber-12JUL2019

Building Uber with Framer X on July 12th, 2019 with Jordan Dobson
HTML
6
star
21

FramerTraining

Framer training materials for workshops and demos.
6
star
22

Lottie

A Framer X component for Lottie, an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.
TypeScript
6
star
23

framer-bridge-stencil-kit

StencilJS components for Framer X
TypeScript
5
star
24

MoonbaseEngine

Your base on the moon
CoffeeScript
5
star
25

typora-framer-theme

A Framer theme for Typora.
CSS
5
star
26

orbit.framerfx

A repository for Kiwi's Orbit Design System
TypeScript
4
star
27

bundler

JavaScript
4
star
28

grommet.framerfx

The grommet design system as a Framer X package
TypeScript
4
star
29

paint

JavaScript
4
star
30

FramerFxStarterTemplate

TypeScript
4
star
31

framer-bridge-multiple-package-kit

Start your design system in Framer X.
TypeScript
3
star
32

office-ui-fabric.framerfx

Microsoft's office-ui-fabric-react as a Framer X package
TypeScript
3
star
33

framer-bridge-polymer-kit

An example of using Polymer Web Components in Framer X
TypeScript
2
star
34

framer-bridge-dependency-kit

Import your Design System in Framer X
TypeScript
2
star
35

merge-approved-pull-request-action

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

FramerPackageMaterialDesign

Framer project with Material Design package
TypeScript
1
star
37

FramerLinkSite

CSS
1
star
38

backpack

A repository to store work done so far to import and use Skyscanner's Backpack Design System in Framer X
JavaScript
1
star