Thank you so much for creating this tutorial, I really love your teaching skill, informative and straight to the point. I'm looking forward for more framer-motion tutorials.
thanks! instead of using tailwind h-full w-full you can use size-full. i also love to use JaleXHolguin's tailwind plugin "tailwindcss-grid-areas" instead of using position absolute to stack divs.👋
It's done in two places. First I load the CSS file from Google fonts here: github.com/frontendfyi/amie-so-animation-with-framer-motion/blob/main/index.html#L10 Then I add it to the config here: github.com/frontendfyi/amie-so-animation-with-framer-motion/blob/main/tailwind.config.js#L7
Anyone have any idea how I can add more text underneath the titles? I try to add a and I get the error: Error: Hydration failed because the initial UI does not match what was rendered on the server. Warning: Expected server HTML to contain a matching in .
My 20GB RAM i7 computer can't handle a large Next js project and this is the problem of React and Framer Motion. It takes 10 seconds to update anything. I'm sick and tired of everything React.
Wow really? That’s crazy! Definitely shouldn’t be the case 🤯 it only happens when using framer motion then I guess? Or is it actually a nextjs thing? Would be curious to know if there’s an existing issue on any of their GitHub issues, because this definitely shouldn’t be the case!
Don’t forget to watch part 2 🔥 - ua-cam.com/video/f99nRvELJe0/v-deo.html
Absolutely amazing content!!
This channel is a gold mine. Thank you and Keep sharing❤
thank you very much for creating this tutorial. I'm looking forward to seeing more framer-motion tutorials.
Absolutely amazing as always! Thank you so much. You've got the best pace and way of explaining things. Also love your stack choices! Keep it up
Thank you so much! Appreciate it!
Thank you so much for creating this tutorial, I really love your teaching skill, informative and straight to the point.
I'm looking forward for more framer-motion tutorials.
Thank you so much! Appreciate your kind words!
Wow great tutorial. You got new subscriber
Nice one. I will wait for some more critical frontend challenges from you. Thanks for teaching us.
Thanks, I really appreciate your effort to explain every step! Subscribed
Thank you so much!
Great Content! Really enjoy your easy-to-follow methods. Keep up the great work😀!
Thanks!!
so glad I stumbled upon this vid, I was asking chatGPT earlier today about how to do the active feature text scroll thing
Love it! Hahaha. Glad it was helpful to you!
I loved this video! Thank you so much for shared!
Really good videos and well explained, thanks for your work!
Thanks for your compliment! I appreciate it!
thanks, like the way you explain everything... keep going bro!
I can't get enough of this 😍
Thank you for your FM lessons! Keep it up!💪🏻
Thanks!
thanks!
instead of using tailwind h-full w-full you can use size-full.
i also love to use JaleXHolguin's tailwind plugin "tailwindcss-grid-areas" instead of using position absolute to stack divs.👋
I am waiting for your next videos on framer motion 🎉
Men, This is another level! gracias
Thank you so much! 🙏
the sip of water had me 😂. Great content!
Hahaha thanks ❤️
Incredibly insightful 🤟
Thanks! 😁
great work ! cant wait for more animation 🔥
Tomorrow part 2! That has even MORE animation 🔥
i really like your website , and the playground which you have added, in it , how you have build that payground , can you create a video on that
Thanks! ❤️ And great suggestion, I will definitely add it to my list of videos to make 😁
Thank you very much for this tutorial! In which part of the site did you import the fonts itself (so the tailwind config is able to see them)?
It's done in two places.
First I load the CSS file from Google fonts here: github.com/frontendfyi/amie-so-animation-with-framer-motion/blob/main/index.html#L10
Then I add it to the config here: github.com/frontendfyi/amie-so-animation-with-framer-motion/blob/main/tailwind.config.js#L7
Thanks for making this
Anyone have any idea how I can add more text underneath the titles? I try to add a and I get the error: Error: Hydration failed because the initial UI does not match what was rendered on the server.
Warning: Expected server HTML to contain a matching in .
Great work
amazing
thanks foe videos
One doubt, is this an extension that you use to organize the properties of the classname?
Yes it is. It is a prettier plugin maintained by the tailwind team: tailwindcss.com/blog/automatic-class-sorting-with-prettier
Thank you so much 😊
You are welcome! At first you might get slightly annoyed while using it, but I promise you it's worth the effort using it!
Wow this is need to call good content
i love it animation
Did you used react???
Absolutely! Link to the code is in the description
Frontendfyi? More like frontendsensei!
Huge compliment!! Thanks 🙏
indeed!!!
Kind of cool and code is even super clean. Clearly you're a good developer and designer but slow it down a lil for us smooth brains
Thanks for the feedback! Appreciate it 🙏
My 20GB RAM i7 computer can't handle a large Next js project and this is the problem of React and Framer Motion. It takes 10 seconds to update anything. I'm sick and tired of everything React.
Wow really? That’s crazy! Definitely shouldn’t be the case 🤯 it only happens when using framer motion then I guess? Or is it actually a nextjs thing? Would be curious to know if there’s an existing issue on any of their GitHub issues, because this definitely shouldn’t be the case!
Same here but i think my problem is caused by prettier, disabled format on save as a temporary solution