---
title: "Logo on Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by Chayan Panda · Cursors. Logo on Hover brings motion and style together for a polished, interactive experience."
canonical: "https://framer.elliotli.dev/component/logo-on-hover"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Logo on Hover

# Logo on Hover

[View on Framer](https://framer.com/marketplace/components/logo-on-hover/?via=elliot-li)

![Logo on Hover preview image 1](https://framer.elliotli.dev/og/component/logo-on-hover/c1965b72ed70c00a/1600x1200.jpg)

## Summary

Logo on Hover brings motion and style together for a polished, interactive experience.

## Description

**Logo on Hover** brings motion and style together for a polished, interactive experience.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-wytoydfw-3WJDQeSaTKHekKVog6sAg4Ex9cUQmM)

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5617

## Details

- **Author**: Chayan Panda
- **Published**: 2025-10-23
- **Updated**: 2025-12-31
- **Added**: 2025-10-15
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…