Framer

How to set transition delay to x seconds only when reached a threshold?

My problem is that I don't know how much the element has been dragged after onDragEnd I want to have an element that can either drag down or up, and if the threshold height has been hit it should get back after 1 second and when it is not it should get back with a delay of 0…

I'm new to Framer

I'm trying to get my head around the functionality in the ui verses using the code. I trying to recreate the dreaded carousel with the page indicator at the bottom. I'm using the pager but struggling to add a separate animation on swipe. Do you have to add this with code or does…

I created a tool that helps you become a better UI Designer at your own pace

Hey guys, My name is Nero and created UI Coach which a UI design challenge generator: https://uicoach.io/ …

Anyone know how this example could be done with framer motion instead of GSAP?

I feel like I've seen an example of this somewhere but cant find it. Anyone know how this could be done with framer motion instead of GSAP? https://codepen.io/cameronknight/pen/pogQKwR

Can you create a fully functional React app with Framer X?

I'm new to React and I will be started a new project to learn. Framer X just released Framer Bridge which allows you to have one repo and make updates to it as you add new features to your product. My question is, can you create a React app that will deploy all within Framer X?…

Remove transform after animation ended

Hello. I implemented animated route transitions in my app and because of the transform CSS property being used, fixed and absolute positions will not work properly (they are being positioned relative to that element instead of the viewport). So currently I'm trying to somehow…

Route and nested route animation

is it possible to animate route and nested route together with framer motion ?

how to create a drag and drop prototype in framer

Hi, please review my solution at cartedo.com.…

Enable a code component to take children like Stack?

I would like to create a grid component that would nicely align all children components inside of it. I can now do this using children connectors (or Stack) - but is there a way to enable code components for nesting like Stack does?