component
Logo on Hover
By Chayan Panda
Details
- Chayan PandaAuthor
- componentType
- 2025-10-23Published
- 2025-12-31Updated
- 2025-10-15Added
- CursorsCategories
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. 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
Daily rank per list, from the first snapshot — lower is better.
- All · #4297