menu

Framer

Express your creative ideas through interactive design. Join the community for updates, support, resources, and more.

Channels
Team
Posts
Members
Info

How do you target a children layer through an override?

I'm trying to hook a header to change based on a scroll layer and want to animate it's child layers as well. How do I do that? export function Scroll_Progress(props): Override { const Utils = useTransform(scrollY, [0, -200], [80, 24]) …

thumbsup
1
message-simple
2

Framer Motion with Custom Components

I've created a custom Card component. I want to be able to animate it using framer-motion, however, I can't find any documentation on how to do that. <motion.Card> doesn't work. I found some people mentioning using something like const MotionCard = motion.custom(Card) (not…

thumbsup
0
message-simple
1

How should you mix variants and passive motionValues in a code component?

This is a framer-motion issue, with a reduced example here: https://codesandbox.io/embed/bold-diffie-ltpo4 I've set up a draggable motion.div which drives the colour of another div using a motionValue and useTransform. …

thumbsup
1
message-simple
2

Why can't Graphics get pinned to all sides of a frame

If you want to animate a graphic you have to wrap it inside of a frame. Ok got it. But why is it not possible to pinn the graphic to all sides of the frame so it get's reseized if the frame gets reseized

thumbsup
1
message-simple
1

does an animation not get reset after a re-render?

Hi there, I'm playing around with some animations and struggle to reset an animation on re-render. It just stays in it's last position and even the frame itself does not move to the initial value on render. Assuming this code: …

thumbsup
0
message-simple
5

Ref to access in text content in overrides

I'm wondering the best approach to use ref to access a DOM element to change its text content in override?

thumbsup
0
message-simple
2

Button thats change a postion fo another component

Hello! i am trying to make a button that lives inside a components change a position of another components. The value is changing but isn't rendering on the screen. I don't know what i am mission.

thumbsup
0
message-simple
7

Can I animate an array of properties as a queue?

I've tried something like this, and wonder if it's supposed to work and I'm doing something else wonky? I want the animate variant to first animate the height of the element, then fade it in afterwards. Is this at all possible? I can't find anything similar in the docs, and…

thumbsup
0
message-simple
1

Progress Bar Code Component (Tutorial Thread)

Here's a fresh tutorial about building a code component in Framer X. This is a beginner-level tutorial, so if you're looking for a place to get started with code components, this would be the series to watch. ✅ ▶️ See the Playlist 🌐 Download the finished file …

thumbsup
10
message-simple
3

Issue wit React Select - code from tutorial seems to doesn't work

I was following yours tutorial https://www.youtube.com/watch?v=L7ZfhNkwb_A&t=144s @steveruizok but I got error "TypeError: undefined is not an object (evaluating 'options.map')" for: const actualOptions = options.map(option => ({ value: option, …

thumbsup
0
message-simple
0