Stack Overflow
Stack Overflow

Questions tagged [framerjs]

Framerjs - JavaScript Framework for rapid prototyping animation and interaction on desktop and mobile.

Framer.js is an open source JavaScript framework for rapid prototyping. It allows you to define animations and interactions, complete with filters, spring physics, 3D effects and more.

A prototyping tool for animation and interaction on desktop and mobile.

Framer can help you to quickly build interactions and animations. Built for designers and integrates with Photoshop. Great alternative to Quartz Composer, Flash or Keynote.

145 questions
0
votes
1 answer

comma in coffee script / framerjs

When do we use a comma after function declaration in coffee script? For eg, in the code below why is there a comma after Events.DragStart? layerA.on Events.DragStart, -> print layerA.draggable.layerCursorOffset
Dhruv Saxena
  • 3
  • 1
0
votes
1 answer

FramerJS - the vertical scrolling for content on the pages with swiping

Is it real to use in FramerJS - the vertical scrolling for content on the pages with swiping? For example: 1. I have 2 groups in Sketch with mask. 2. The groups are imported to FramerJS 3. Each of groups wrapped in framer an vertical scrolling is…
Gadunok
  • 25
  • 3
0
votes
1 answer

Unable to order layers in Framer Js

I am very new to Framer JS. Trying to build a simple navigation mockup. On clicking the gray button it takes you to a page 2. On page 2 on clicking the white button, it redirects you to page 1. Here is my Framer code. For some reason, both the…
rockyjohn
  • 7
  • 1
  • 6
0
votes
1 answer

FramerJS - How to Reset or Refresh Prototype from code, without reloading?

How to reset a FramerJS prototype programatically (through code)? I have defined a layer on clicking of which I want the prototype to reset to its initial state. I have tried using location.reload() but that reloads from network. How to reset…
Chokho
  • 103
  • 1
  • 5
0
votes
1 answer

Use variable to set property of object in CoffeeScript/Framer

I'm new to Framer and having an extremely annoying issue I've spent hours trying to solve. I'm trying to build a statement that changes the opacity property of an object with the name passed through the variable sectionToLoad. I'm able to log the…
Jeremy P. Beasley
  • 679
  • 1
  • 7
  • 22
0
votes
1 answer

comma separation for numbers in Framer

I have a dynamic text layer with a number dollarAmountValue = 9000 dollarAmount = new Layer dollarAmount.html = "$" + dollarAmountValue I also have a + and - button that increments dollarAmountValue by 100 dollarPlus.onClick -> …
pixeltocode
  • 5,312
  • 11
  • 52
  • 69
0
votes
0 answers

FramerJS: Add attribute + value to layer?

I've tried using the following code in FramerJS to create a new attribute + value, but it produces nothing: $('div[name]').each(function() { $(this).attr('groupName', $(this).attr('name')); });
eclipsis
  • 1,541
  • 3
  • 20
  • 56
0
votes
1 answer

print scroll position in Framer.js

I'm prototyping in Framer.js. I have a scroll component and scroll content, I'm trying to print the current x or scrollX position of the content. So if I scroll 500px to the right the code will print 500 Bg = new BackgroundLayer backgroundColor:…
Rourke McLaren
  • 69
  • 6
0
votes
1 answer

Attempting tom make a phenakistoscope with framerjs utilities

This is a as far as I got. Im trying to make a Phenaniskope bg = new BackgroundLayer backgroundColor: "pink" frame = new Layer width: 250 height: 250 image: "images/phenakistoscope.png" frame.center() Utils.interval 1, -> …
James
  • 1,355
  • 3
  • 14
  • 38
0
votes
1 answer

How can we add two events on a same element in Framerjs?

I am trying to make an accordion list view. When I click the parent folder list item, I want my parent list to be expanded. On clicking again, the list should collapse.
Utkarsh Mishra
  • 3
  • 1
0
votes
1 answer

How to animate a sublayer on click in Framer.js?

I am trying to animate a sublayer in Framer.js on click. What I get is "Uncaught TypeError: layerD.on is not a function". Am I doing something wrong or animating sublayers is not possible in Framer? Here's the code: # Create a background new…
digsrafik
  • 101
  • 4
0
votes
2 answers

Why does not LayerA and LayerB make animation when it end Drag in Framerjs

Why does not LayerA and LayerB make animation when it end Drag in Framerjs, with code: I create layerA, layerB and layerC, then I drag LayerC. In Event DragMove, I change LayerA and LayerB's props with LayerC's offset, and I always want to make a…
Century guo
  • 23
  • 4
0
votes
2 answers

JavaScript: Writing convention and the differences

I am confused with the way I write my javascriptand I am wondering what are the differences between? They all generate the same result but which is the best way to write it? I am using Framer.js library for prototyping. I do aware Framer.js uses…
Vennsoh
  • 4,853
  • 5
  • 26
  • 41
0
votes
1 answer

Why doesn't PageComponent respect the right contentInset

This is taken (almost) verbatim from PageComponent example (minus the imported Sketch doc), yet in my code, the right contentInset is totally ignored and the cards are offset strangely on each card after the first. # Set-up PageComponent page = new…
nipponese
  • 2,813
  • 6
  • 35
  • 51
0
votes
1 answer

`Event.ImageLoaded` event never triggered in FramerJS?

Here is my code, which can be pasted into Framer Studio directly: layerA = new Layer() # Listen to the loading event layerA.on Events.ImageLoaded, -> print "the image is loaded" layerA.on Events.ImageLoadError, -> print "the image could…
Hanfei Sun
  • 45,281
  • 39
  • 129
  • 237
1 2 3
…
9 10