Modern Prototyping Tool
Filed under development aidsShow All
Framer Library for React
We are in the process of open sourcing our new Framer Library for React. Come back soon.
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.
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)
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
make distto build the latest version
maketo rebuild the latest version on changes
make testto run the unit tests in phantomjs
maketo retest the latest version on changes
- Please use the issue tracker
- Try to include an example and clearly describe expected behaviour