Logo on Hover
Add an interactive hover effect where your image transforms with a filter and a custom logo smoothly follows the cursor.
Made with Workshop
Build your own component with AI
About this Component
Logo on Hover brings motion and style together for a polished, interactive experience.Upload any image, select from multiple filter types, and adjust the filter strength to create the perfect visual effect. On hover, a custom SVG logo appears beneath the cursor, following its movement with precision.
You can further customize the look with blend modes, offset controls (X & Y) to fine-tune logo positioning, and Framer transition controls (such as Spring or Tween) to refine cursor movement.
For added interactivity, enable Zoom or Rotate effects, and adjust the zoom scale to achieve a subtle or dramatic hover transformation.
Ideal for designers looking to add a refined, brand-focused hover animation to images, hero sections, or portfolio previews.
