Скачать или смотреть Creating interactive and animated components with React and Framer Motion (Part 3/3)

Framer Motion is an extremely powerful and lightweight library which allows you to easily create smooth and visually pleasing animations with loads of flexibility.

In this three part lesson we will look at how to create an interactive Popcorn Popper with React and Framer Motion, where each tap of the popcorn popper causes a kernel to explode out.

Basic knowledge of React, JavaScript, and CSS is a pre-requisite for this lesson. Some Tailwind CSS knowledge is helpful but not required.

If you liked this lesson please consider supporting me by purchasing all the lesson files for $1 at https://codewithlucas.gumroad.com/l/a..., and following me at https://codewithlucas.gumroad.com/follow for all future lessons.

Finally, subscribe to my channel for more! I'd love to hear your feedback and anything else you want to learn from me. :-)

PART 1/3 - Setting up the Setting up the PopcornPopper and Kernel components -    • Creating interactive and animated componen...  

PART 2/3 - Creating a custom hook to manage removing the Kernel components with a timeout -    • Creating interactive and animated componen...  

PART 3/3 - Adding animation to the Kernel components -    • Creating interactive and animated componen...  

Frameworks, Assets, and Libraries used:
NextJS - https://nextjs.org
Framer Motion - https://www.framer.com/motion
Tailwind CSS - https://tailwindcss.com
Popcorn Asset - https://freesvg.org/popcorn-symbol-image
Kernel Asset - https://www.clipartmax.com/so/popcorn...