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

How to find specific items in an array in React/Framer?

I am pulling down results from an API, like so: const [state, setState] = React.useState({ matches: undefined, chosenBets: [{}] }); const API = "https://api.myjson.com/bins/i461t" const fetchData = async…
a7dc
  • 3,323
  • 7
  • 32
  • 50
0
votes
1 answer

Device orientation data and fetching external API json data seems clashing. How can I fix it?

I am trying to get the device orientation data and fetch the API data using react hooks, but it seems like clashing. If I could get the device orientation data, then I couldn't get the API data(I think when I could get the device orientation data,…
Lee Jinjae
  • 5
  • 1
  • 4
0
votes
1 answer

Can a regular expressions be used to compare and match set of words?

Can a regular expressions be used to compare and match set of words? For example, I want a string like this... "loan nation" to match on these... "Loan Origination" "international loans" but not on these... "home mortgage loan" "Loan…
Josh Ulm
  • 3
  • 1
0
votes
1 answer

FramerJS, design to code, array loop

I've been trying to create a loop via a dummy array on a design list element from the design tab. I see the array is being loaded in the loop. I can't seem to put the list items below each other. After trying to fix it for a long time, can someone…
Marb
  • 1
  • 1
0
votes
1 answer

Execute code continuously in framer

I have a little question about framer. Currently I have a little privat project in which I need to run different actions when the mouse is pressed or not. To make it easier to talk about, I set up a simple scene with a rectangle. Now I want that the…
sln
  • 83
  • 1
  • 2
  • 9
0
votes
1 answer

Framer[CoffeeScript] - Cant access array in loop

I can't access my array in a for loop - Why? Thanks in advance. I want to play a state animation for my "PageDowns" elements. Sorry, I couldn't paste the code, because CodeSample here didn't work for me.
1zz0
  • 264
  • 3
  • 18
0
votes
1 answer

FramerJS - Horizontal scrollbar with the scroll component

I have created a scrollable area and i am trying to add a scrollbar underneath the images (the blue scrollbar in the linked image) Code that i currently have for the scrollable area. scroll = new ScrollComponent opacity: 1.00 shadowBlur:…
Dan
  • 33
  • 8
0
votes
1 answer

Iterating with delay in Framer

I have a text field where I want to push out one word at a time. The words are in an array. The delay between words to displayed is set to 1 sec. The first word is shown 2 sec. Hence the weird double statements. msgArray = [ ["Hello", "World"],…
TOMvonMOM
  • 109
  • 1
  • 2
  • 9
0
votes
1 answer

How do I setTimeout() in Framer, which uses coffeeScript?

I would like to trigger a function after a delay. In Javascript I usually use setTimeout(function(), t). How can I do this in framerJS?
EJW
  • 604
  • 2
  • 10
  • 22
0
votes
1 answer

Getting .once to work in Framer Studio?

I am new to Framer and have only a working knowledge of Javascript. I'm trying to create a Framer prototype using the Framer Audio Player module. It works fine for the basic situation I came up with, but now that I am trying to do something slightly…
siggis
  • 11
  • 3
0
votes
2 answers

Centering a layer on click using FramerJS

The goal is to move the button layer vertically upwards from the bottom the middle of the screen, whilst growing to a larger size. However, upon clicking the layer it does not move to the exact center. It moves up but shifts to the right. Why is…
Samuel
  • 5,529
  • 5
  • 25
  • 39
0
votes
1 answer

Button being clicked when changing state

When I click on the blue Favorites button in screen 1, I want to bring up the list of favorites (screen 2) and then click on the green Favorites button to get to screen 3. However, when I click on the Favorites button in screen 1, I immediately go…
14wml
  • 4,048
  • 11
  • 49
  • 97
0
votes
1 answer

How to make layer appear with no transition

I'm making a mock up of Snapchat. When you hit the camera button on the Camera Page layer, this should bring you to the Edit Photos Page (another layer). How do I make the Edit Photos Page layer just appear like Snapchat does without .showNext or…
14wml
  • 4,048
  • 11
  • 49
  • 97
0
votes
0 answers

Object manipulation within arrays

I'm building a function that's supposed to let a layer work like an on and off switch, dropping every layer that is higher than it in the array and then, when clicked again, return all the layers to their original position. I managed to make it…
mooreEffort
  • 25
  • 3
0
votes
1 answer

Is there a way to add webkit specific styles on a layer?

For example can I add -webkit-backdrop-filter: saturate(1.8) blur(20px); on a Layer to quickly simulate background blur?
Panos Spiliotis
  • 801
  • 1
  • 9
  • 18
1 2 3
…
9 10