---
title: "Hover Magnetic — Free Framer component · Best of Framer"
description: "Free Framer component · by Moayad Ali · Cursors. Hover over. Discover more."
canonical: "https://framer.elliotli.dev/component/hover-magnetic"
---

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

# Hover Magnetic

Hover over. Discover more.

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

![Hover Magnetic preview image 1](https://framer.elliotli.dev/og/component/hover-magnetic/f223f8494299682e/1600x1067.jpg)

## Summary

Hover over. Discover more.

## Description

### Hovering Components

**Hover over. Discover more.**

A collection of interactive hover components designed to bring your visuals to life. Create engaging experiences with cursor-based interactions, custom cursors, and smooth text reveals.

Perfect for portfolios, creative websites, galleries, case studies, and interactive projects.

### How to Use

**1\. Add the Component** Drag the Hovering Component onto your page and place it wherever you want the interaction to appear.

**2\. Choose Your Cursor** Select between the **Default Cursor**, **Web Cursor**, or **Custom Cursor** to create the interaction you want.

**3\. Customize Your Content** Add your own images, text, labels, and links. Make the component fit your brand and project.

**4\. Customize the Interaction** Adjust the cursor behavior, text position, animation, and transition speed to match your design.

**5\. Preview & Publish** Preview your page to test the interaction, then publish when everything feels right.

**Tip:** For the best experience, use Hovering Components on large visual elements such as images, project cards, and gallery items where the cursor interaction can really shine.

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

-   All · #6316

## Details

- **Author**: Moayad Ali
- **Published**: 2026-07-24
- **Updated**: 2026-07-25
- **Added**: 2026-07-24
- **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…