---
title: "Magnet — Free Framer component · Best of Framer"
description: "Free Framer component · by FunTech Inc. · Interactive. A lightweight “magnet” effect that attracts your element toward the pointer on hover."
canonical: "https://framer.elliotli.dev/component/magnet"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Magnet

# Magnet

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

![Magnet preview image 1](https://framer.elliotli.dev/og/component/magnet/939a7c504d5a2ffa/1600x1200.jpg)

## Summary

A lightweight “magnet” effect that attracts your element toward the pointer on hover.

## Description

A lightweight “magnet” effect that attracts your element toward the pointer on hover. Drop in your own content and get smooth attraction while hovering with a satisfying, configurable snap-back when the pointer leaves.

## Features

-   **Magnetic hover motion**: Elements follow the cursor for delightful feedback
    
-   **Content-agnostic**: Use the **Content** slot to attach _any_ component to the mouse
    
-   **Two-phase transitions**: Separate **in-frame** (while hovering) and **end** (on release) transitions
    
-   **Adjustable intensity**: Control how strongly the element moves toward the pointer
    

## Properties (Controls)

-   **Content**: Component instance to be magnetized
    
-   **Transition**:
    
    -   **frame** — transition used _during_ hover (e.g., tween easing/duration)
        
    -   **end** — transition used when hover ends (e.g., spring stiffness/damping/mass)
        
-   **Intensity**: Pull strength toward the cursor (0–2, decimals allowed)
    

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

-   All · #6420

## Details

- **Author**: FunTech Inc.
- **Published**: 2025-09-10
- **Updated**: 2025-09-09
- **Added**: 2025-08-27
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase