---
title: "Magnetic Frame — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Rehbar Design Labs · Interactive. The Magnetic Frame component adds a captivating interactive effect to your UI."
canonical: "https://framer.elliotli.dev/component/magnetic-frame"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Magnetic Frame

# Magnetic Frame

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

![Magnetic Frame preview image 1](https://framer.elliotli.dev/og/component/magnetic-frame/f3e3fca5d5151c96/1600x1200.jpg)

## Summary

The Magnetic Frame component adds a captivating interactive effect to your UI.

## Description

The _Magnetic Frame_ component adds a captivating interactive effect to your UI. Any element placed inside the frame becomes magnetically attracted to the user’s cursor when hovered over. As the mouse moves near the frame, the content subtly shifts and follows the pointer, creating a smooth, dynamic, and visually engaging experience.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-4wnb02ku-PxNmWvSkGIisgpjA05poA9nIJDfAPn)

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

-   All · #7481

## Details

- **Author**: Rehbar Design Labs
- **Price**: $5.00
- **Published**: 2025-10-19
- **Updated**: 2025-10-20
- **Added**: 2025-10-08
- **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