Skip to content
Framer - Design Everything
Branch: master
Clone or download
nvh Merge pull request #579 from marckrenn/flow-mouseWheelEnabled
Add mouseWheel support to FlowComponent
Latest commit 76e96eb Jun 20, 2018
Type Name Latest commit message Commit time
Failed to load latest commit information.
extras Delete unnecessary files Mar 8, 2018
framer Merge pull request #579 from marckrenn/flow-mouseWheelEnabled Jun 20, 2018
scripts Creating a file with the latest hash Jan 17, 2018
test Update snapshots Mar 8, 2018
.gitignore Removed version from Studio Sep 28, 2017
LICENSE Create LICENSE Jun 24, 2014
Makefile Reporting basic coverage through istanbul Jul 13, 2017
package.json Add elements property to SVGLayer Jan 5, 2018 Update May 31, 2017
wercker.yml Added codecov Jul 13, 2017

wercker status

Framer Library

Framer Library is an open source JavaScript framework for high fidelity prototyping. Use it to design animations and interactions without any limitations. Make use of real spring physics or animate with 3D effects, anything is possible.


There are 2 ways to use Framer Library. To get most out of Library download Framer; a design tool for the Mac. The other way you can leverage Framer Library is with generator; an app that imports your layers from Sketch, Photoshop and Figma. The following features are included with each option.



Framer is a design tool for the Mac which allows you to design without limitations. It is based on Framer Library and offers the familiarity of visual editing with the flexibility of code. A seamless workflow, further complemented by device previewing, version control and easy sharing.

Find out more

Framer for Mac

Set up Framer Library

  • Download (Framer.js & Framer Generator)
  • Open index.html in a WebKit browser and you'll see an image animate on click
  • Edit the app.js to add interactions and animations (see example code below)

Project Folder

Get Started

Learn with our beginner guides that give you a basic overview of Framer Library and a few simple pointers on how to set yourself up for success.

Become part of the community and join the Facebook Group or engage with members in your city. Over 19.000 designers, engineers and creators are waiting to meet you.


  • Download or fork the repository
  • Make sure you have the latest version of node and npm installed
  • Run make dist to build the latest version
  • Run make to rebuild the latest version on changes
  • Run make test to run the unit tests in phantomjs
  • Run make to retest the latest version on changes
Reporting Issues
  • Please use the issue tracker
  • Try to include an example and clearly describe expected behaviour


You can’t perform that action at this time.