menu

Framer

The best prototyping tool for teams. Join our Discord chat for weekly classes and real-time help with Framer. http://framer.com/r/discord?utm=spectrum

Channels
Team
Posts
Members
Info

How to apply Transition Animation on Content change in div using framer-motion?

Hi, I am trying to build a functionality of Tabs in React. On clicking a tab, the content in a separate div(lets call it content div) changes. I want to give a transition(like slide-in or fade) every time the content changes in the content div. I cannot figure out how to do…

thumbsup
0
message-simple
2

[Framer Motion] Why is my image carousel animation not working?

Hi, I am trying to adapt an image carousel animation to my website (taken from Framer's example: https://codesandbox.io/s/framer-motion-image-gallery-pqvx3?fontsize=14&module=%2Fsrc%2FExample.tsx), however, I am running into an issue where the exit animation is causing the enter…

thumbsup
1
message-simple
3

Component-importer is ignoring classes, but works with functional components?

Hi there, So I've got the component-importer working when it comes to functional components, but it's ignoring my classes. I've cloned the starter-kit and created an index.tsx file inside design-system/index.tsx which looks like: The TestClass.tsx: …

thumbsup
0
message-simple
5

nesting staggering

Hello gentry, how do I hierarchically nest staggering? :) I have a list of items, with each item divided into sections. Sections have an exit animation. Sections of an item exit staggered (say .1 between each section of an item) but there should also be staggering between the…

thumbsup
0
message-simple
1

Animating x values for on scroll transitions framer-motion

I'm trying to have a card slide in on scroll. Im using a useIntersection hook to validate the component is in view. What seems to happen on mobile is the website compensations for the ridiculous x values i set to keep it off screen. what would be the proper way to go about this?

thumbsup
0
message-simple
1

Strange CSS Loading Behavior

Hi :) So I am looking into ways to use external CSS files (Framer Desktop). Say I create a test.css in the Project Folder / code, with the content: .testClass { border:5px solid red; } …

thumbsup
1
message-simple
2

framer-motion: Is there a way to achieve morphing svg path animations?

Hi there, I've been trying to get quite different svg paths to animate and morph, but I can't figure how to do it in framer-motion. What I'm looking for is the same functionality as in this post: https://popmotion.io/pose/examples/svg-morphing/ Is there a way to do it? …

thumbsup
1
message-simple
1

Ipad pro for product design

Does anyone using ipad pro for product design? How has been your experience with it?

thumbsup
1
message-simple
2

Change Text Input Focus on event using overrides

Hi, I have two (or more) text input fields, and I would like to use a button click to switch focus. For each input field focus state I have a variable under the "state" object (state.foc1, state.foc2). …

thumbsup
0
message-simple
10

Grab a still of a video/camera feed

Hey, For prototyping a camera app, I'd like to grab a still of video or even camera feed. Any ideas how to do that?

thumbsup
0
message-simple
15