Відео

thank you so much 😃

ok

Wow dude, your channel is godsend! Thank you so much! Im an iOS dude, that has to pick up next.js, so i can make basic web-versions of my stuff myself.

super!

Your work and library are top-notch, and I'm constantly impressed. Keep setting the bar high!🎉🎉

Thanks for the video man. Really helpful. Also, I toggled the opacity of the last bar of the hamburger icon, on OPEN and CLOSED state. Removes the need to calculate and rotate with set pixels. 😅😅

Your acc goated. maybe could create a animated fullscreen menu/navbar tutorial?

you're actually too good

Thanks so much

4:00 how do you have scroll length for all that y progress if all you have in the DOM is a short fixed rectangle?

The first time I used Tailwind, I gave a huge sigh of relief. Almost teared up Knowing I won't be needing to write multiple Sass Files anymore. Thank the heavens and the developers of Tailwind 😭

Phantasmic video, thanks&cheers

How it's working cards masonry here I didn't understand,

that explanation was actually really intuitive

Great video. Small, niggling correction: 'leading' at 11:18 is pronounced with a short 'e', as in 'ledding'. Rhymes with 'sledding'.

I’ve done this on a couple of different navigation menus but always for the active state never for a hover. When I do it for active, I always just said “cursor” to top-0 bottom-0 right-0 left-0 and use layout animations. Is there a benefit to animating with directly instead of using a layout animation?

Tom ❤ please give us more 🤲 it’s just amazing , very short and very pleasing 😍 … I hope you do consider more of that.

I give my root overflow none 😅

what you gonna say about patreon ui?

The framer king is back 🫡

Straight to the point with valueable information, tyvm 👌

Honestly your tutorials are Sooooo damn good. How do you not have more subscribers!!!😢

Very clear explanation! Thanks! 🙌🙌

Really nice content as always...massive thanks, Tom.

haha yea i see those everywhere. Man you ever learned gsap? I feel that gsap is the future. It's kinda ugly but new packages recently is making it a lil more declarative or "react"ive

Really easy to follow an understand thanks for the video

With these awesome explanations and a solid grasp over framer motion, I think you should start making entire Awwwards website UI clones and also Awwards+ dribbble effects so that we have plenty of crazy ideas that will help in our own future websites

You are awesome!!!

Goddamn man, it's genuinely insane how accessible you make literal award-winning design ideas. I am kind of at a loss for words at how much I enjoy watching your videos. Literally my only complaint is that I have to wait a week between uploads lol Keep up the amazing work, brother ❤

I want Paid Course On Frame Motion With Tons Of Projects Please

Can you recreate the caldotcom infinite testimonial slider section? I tried a lot from my end and able to achieve the same but ofcourse with lot of bugs and code meeesss 😂😂 Thank you in advance ❤

Thank you so much the day before i was trying so hard with framer-motion but done with gsap

Thank you I really needed this Can you do preloader animations next

looks amazing

started playing around with framer motion cuz of your vidz 🔥

Looks good

Why taking 2 animation controller, we can do that also with 1 animation controlller

Overriding is still a flex complex thing for me 😅 I just write CSS code if it Gets too complex

Or repeat in a more fancy way Create an array of dic with the link name as a key Map through it in your jxs and just style one of the tag

I have wrote many animations with different ways, from transition / keyframes in basic CSS to GSAP and React Transition Group.. but.. the Framer Motion approach with useAnimate in my opinion is the best!

I thought about doing an effect like this for a analog flip-clock. This is a great example of that effect so thank you! At the same time, using React, Tailwind, and Framer Motion along with custom CSS for the effect seems like a sh*tload of tech and code. I wonder if most of the actual effect could be done in CSS? Like maybe with the dark voodoo of matrix transforms?

Quick question: Does it also work as page transition in next.js? For example, if I am transitioning from one page to the other with the same layoutID, I want it to transition from one to other. How to do it can you suggest?

It doesn't works with image. What is the solution?

Cool… but why the flickering around the filmed video? Very busy on the screen and bothering

thanks!

Thanks for info

Great work mate!

can you do this effect on webflow?

althought it is very good, wouldnt it be a problem when there is more item to be added if the transition is on percent?

its not free, its 15 dollers