Skip to content

Latest commit

 

History

History
54 lines (42 loc) · 942 Bytes

README.md

File metadata and controls

54 lines (42 loc) · 942 Bytes
Raw

SimpleLayer

An animation framework based on Framer API but being built on top of Famous

How to use

Framer = require("./Framer")

#
# Just put your existing Framer's code inside 
#
bg = new BackgroundLayer
    backgroundColor: "#877DD7"

layerA = new Layer
    width: 150
    height: 150
    backgroundColor: "#fff"
    borderRadius: 6

layerB = new Layer
    width: 150
    height: 150
    backgroundColor: "#fff"
    borderRadius: 150
    
layerA.center()
layerB.center()
layerA.x -= 90
layerB.x += 90

layerA.animate 
    properties:
        rotation: 90
    curve: "ease"


layerB.animate 
    properties:
        rotation: 90
        borderRadius: 6
    curve: "spring(200,30,0)"
    delay: 1

Example Code

The repo already included an example code that you can try and run, just follow the steps below:

npm install
npm run dev

It will run the code taken from Framer Studio default code.