Component
Card Hover Interaction



About the resource
This component is fully customizable, so all you need to do is copy and paste it into your project, select the component, go to the right panels, and adjust it with the component properties.
About the resource
This component is fully customizable, so all you need to do is copy and paste it into your project, select the component, go to the right panels, and adjust it with the component properties.
About the resource
This component is fully customizable, so all you need to do is copy and paste it into your project, select the component, go to the right panels, and adjust it with the component properties.

Card hover Framer component properties.

Card hover Framer component properties.

Card hover Framer component properties.
With just a couple simple properties, you can make the card fit your designs.
For example, if you want to adopt this design to a light mode design, you can just make the default color black and the background color white.
With just a couple simple properties, you can make the card fit your designs.
For example, if you want to adopt this design to a light mode design, you can just make the default color black and the background color white.
With just a couple simple properties, you can make the card fit your designs.
For example, if you want to adopt this design to a light mode design, you can just make the default color black and the background color white.

Light mode version of the cards.

Light mode version of the cards.

Light mode version of the cards.