framerjs

2019-09-12

framerjs是什么

什么是framerjs,Modern Prototyping Framework

framerjs使用教程帮助文档

Framer Library for React

We are in the process of open sourcing our new Framer Library for React. Come back soon.


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.

Example

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.

Table

Framer

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.htmlin a WebKit browser and you'll see an image animate on click
  • Edit the app.jsto add interactions and animations (see example code below)

Project Folder

Get Started

Learn with our beginner guidesthat 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 communityand join the Facebook Group or engage with members in your city. Over 19.000 designers, engineers and creators are waiting to meet you.

Contribute

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

Others


上一篇:grunt-hull-components
下一篇:fast-static
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章
暂无相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部