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

Framer/Coffeescript: How can I prevent going backwards on a page component?

I guess this is a Framer specific question. I have a page component and I only want you to be able to swipe forwards and not backwards. What's the best way of going about this?
aalok89
  • 171
  • 5
  • 14
0
votes
1 answer

Layer created is empty even after assigning content to it

I just trying to do a quick prototype following this tutorial: https://www.youtube.com/watch?v=3zaxrXK7Nac I'm using my own design for this, the problem is as follows: When I create a new layer time 8:13 of the posted video and I try to set one of…
user2634544
  • 3
  • 2
0
votes
2 answers

How can i create and trigger custom events in Framer Studio (Framer.js) using coffeescript?

var event = new Event('build'); // Listen for the event. elem.addEventListener('build', function (e) { ... }, false); // Dispatch the event. elem.dispatchEvent(event); enter link description here This article demonstrates how to create and…
Amitka
  • 281
  • 2
  • 7
0
votes
1 answer

Parametric Circles Scrolling + Arrays

I've been working on this problem for a while now, but can't seem to find a way around it. I am trying to build a horizontal scroll wheel module (made up of "layers" array) with a "selector" layer in the middle of the screen that selects the layer…
mooreEffort
  • 25
  • 3
0
votes
1 answer

Framer/Coffescript Conditional not working as expected

Following a Framer workshop example verbatim and for some reason cannot get a conditional statement to work. This code runs as expected layerA = new Layer backgroundColor: "#fff" borderRadius: 4 width: 200 height: 200 rotation:…
romeplow
  • 462
  • 1
  • 4
  • 13
0
votes
1 answer

Framer.js - "layer" parameter of drag events is undefined

I've created a list with draggable list items in framer.js written in coffeescript. The array "Layers" contains the single list items. for i in [0..3] layer = new Layer width:listWidth, height:listHeight, y:i*yDistance, clip:false, …
iamrobin.
  • 1,554
  • 3
  • 19
  • 31
0
votes
1 answer

declaring dynamic variable in loop Coffescript

Probably it's a noobisch question. Currently I'm fiddling with Framer.js. I've got a CoffeeScript question; types = ["orange", "apple", "banana", "grapefruit", "pear"] for i in types li = new TextLayer text: types y: li * 60 …
myradon
  • 421
  • 1
  • 4
  • 13
0
votes
1 answer

lean interactive protoype platform with analytics AND video capability

We're looking at creating an interactive prototype for an app with the following specs: 1) embedded videos 2) very good analytics 3) multiple screens We're looking to optimize for time and I've been considering the following options with the…
Blake
  • 63
  • 10
0
votes
1 answer

Instagram pushing pinned bar on scroll effect in Framer

I'm a designer and Framer noob trying to accomplish the following: Similar to Instagram, I'd like to pin the header bars of modules in a scroll container and have the next module header bar push up the already pinned header bar as you scroll down. I…
Luis Escobar
  • 3
  • 1
  • 2
0
votes
1 answer

Action based on scrolling up or down in Framer.js

I'm a designer and very new to Framer. Id like to be able to hide/show the navigation at the top of screen based on the direction the content below is scrolled. If I start to scroll down the page, the nav hides by moving up. And then the…
Luis Escobar
  • 3
  • 1
  • 2
0
votes
0 answers

How to call jquery function in coffee script?

There is a jquery function which passes value to the donut chart and updates the chart when function is called.but i want to call the jquery function in coffee script. how can i do that? Here's what i have tried.i am getting error Uncaught…
CJAY
  • 6,989
  • 18
  • 64
  • 106
0
votes
1 answer

Is it possible to use 'canvas' drawing functions in Framer JS?

I have managed to create and add a canvas element to a FramerJS prototype: myCanvas = document.createElement "canvas" myCanvas.setAttribute("width","750px") myCanvas.setAttribute("height","500px") myCanvas.setAttribute("style","border: 2px solid…
ortonomy
  • 653
  • 10
  • 18
0
votes
2 answers

FramerJS layer with dynamic height (importing layers from sketch)

At a high level, we’re trying to understand the best way for Framer to render a layer with a dynamic height. We’re importing our designs into Framer from Sketch. We’re building a simple question and answer page. Each page has 1 question and the user…
Nick Breen
  • 293
  • 3
  • 7
0
votes
1 answer

Click Event only triggered from last object in list of layers, not clicked object

I'm new to FramerJS and Coffee Script, but I'm not new to programming. I'm creating some beginner projects to learn about prototyping mobile apps in FramerJS. I'm working on a scroll app with "cards". When a card is clicked it is supposed to scale…
Armin
  • 1,736
  • 4
  • 19
  • 35
0
votes
1 answer

How can i call the coffee script function on body load

I am using the app.coffee coffee script file to create some animations on the framerjs prototyping tool. what i want to achieve is that i have defined a function and i want to call that function on body load. how can i do that in…
CJAY
  • 6,989
  • 18
  • 64
  • 106
1 2 3
…
9 10