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
1
vote
4 answers

Module not found: Error: Can't resolve 'ReactDOM'

I am trying to import framer library in my project. The project itself compiles just fine if I don't import Hearts.tsx. However it fails just likee below if I import Hearts.tsx. Hearts.tsx imports framer. Unfortunately I am getting an error when I…
ilteris
  • 457
  • 1
  • 7
  • 21
1
vote
1 answer

Getting specific key from Firebase in Framer

im really new in coding so my question might be very easy. On image below you can see what i have in Firebase. Here's what i have in my Firebase In Framer im using this module and after writing this code: response = (names) -> print…
1
vote
0 answers

FramerJS: how can you animate similar layers in different locations on screen, simultaneously and repeatingly?

I am trying to create a scene of blinking stars where essentially you have multiple, similar layers (difference in size and x/y coordinates) animating across different locations on the screen, simultaneously and infinitely. I have attempted to…
Colin Sygiel
  • 917
  • 6
  • 18
  • 29
1
vote
0 answers

Is it possible to open a framerJS project directly from the MacOS Finder?

MacOS finder supports opening files from the finder. Based on their extension a specified program will open. FramerJS relies on a project folder which doesn't include this option. Is there a way I can open a framer project by maybe opening one of…
Evolve
  • 8,939
  • 12
  • 51
  • 63
1
vote
1 answer

How to restart a SpeechRecognition function in Framer?

I want to build a function in Framer (coffeescript) where I can say a specific word as voice input and something happens. For example I say "apple" then a rectangle turns green. If I say "banana" it turns yellow. So far it works only once and then…
ocha
  • 11
  • 1
1
vote
1 answer

Listen for scroll on framer scrollComponent

I'm trying to check the deltaY in framer scroll event and execute a function only when deltaY == 0. It appears that framer (written in coffeescript) does not have a way of checking for this. Is there another way to say (in pseudocode): if the change…
EJW
  • 604
  • 2
  • 10
  • 22
1
vote
1 answer

Check if ANY item in an array is in a certain state: coffeescript

I have an array of buttons with a 'selected' and 'deselected' state. How do I go about checking if any button in the array is in the 'selected' state. So essentially I want something like (using Framer coffeescript): for button in buttonArray …
aalok89
  • 171
  • 5
  • 14
1
vote
0 answers

Bubble exception outside Angular

I'm using AngularJS 1.5.x to dynamically add a javascript tag and code to the DOM, which will be executed by FramerJS. Occasionally this will throw errors and is desired and expected. FramerJS has it's own way of handling errors and displaying them…
James Ryan
  • 11
  • 1
1
vote
0 answers

How to call function onclick on layer

Here i am using framerjs, i am trying to call function which changes the position of the other layers. when i click on layer product_scroller the value of curpage changes and replaced with product_details and function changepos() will be called. but…
CJAY
  • 6,989
  • 18
  • 64
  • 106
1
vote
1 answer

Framer Studio, iOS Messages "select text"

With Framer Studio, I'm trying to replicate the iOS Messages App's "select text" feature as seen below: Particularly, I want the zoomed in bubble to show up on any location when I press and hold.
Riveascore
  • 1,724
  • 4
  • 26
  • 46
1
vote
1 answer

How can i import the psd file and generate layers in framerjs

I am using windows and i have my psd file.i want to create a interactive prototype using framerjs. i have atom text editor and i have downloaded framerjs from http://framerjs.com/static/downloads/Framer.zip now how to import the design file into…
CJAY
  • 6,989
  • 18
  • 64
  • 106
1
vote
1 answer

How to set different name for layers that are created inside for loop in framerJS

I like to set different layer name for layers that are created inside the for loop. Following is the code that is working, but it creates three layers named "circle" which prevents me from doing anything specific to let's say the second circle for i…
user1203249
1
vote
1 answer

Can I put Framer.js prototype in the App Store?

Bit of a weird question here... I'm looking to build an iOS app art project that's mostly pieces of UI moving around the page. I could achieve what I'm after in Framer very quickly, which got me wondering, is it possible to port a Framer.js…
cupcakekid
  • 233
  • 3
  • 13
1
vote
1 answer

How to write a file path that will point to a directory?

How to write a file path that will point to a directory. From what I have googled, /path means root, ./path means current directory, ../path means parent directory I am playing with Framer.js + Yeoman. If you look at the screenshot…
Vennsoh
  • 4,853
  • 5
  • 26
  • 41
1
vote
1 answer

Performance issue with Frameless

I am facing severe lagging problems while running my Framer prototype on Frameless. I'm using iPhone 5c. I've cleared all the applications and the WiFi transfer rate seems fine. But still the prototype is not working fine in Frameless. It runs…
Adit Gupta
  • 1,314
  • 1
  • 18
  • 32
1 2
3
9 10