MAX Card Animation in Framer

About the resource

To create this interaction in Framer, we just need to draw the necessary frames on the design canvas and structure them correctly. Once we have all the frames and text layers for our little element, we can turn it into a component.

After our card is a component, we can simply add a "hover" variant to it, where we can change some properties of the element. For example, we can show a border around the image and change the text to a blue fill color.