---
title: "3D Magnetic element  — Free Framer component · Best of Framer"
description: "Free Framer component · by Carlos Huertas · Interactive. About the component: Transforms any element/component that you already have designed into a 3D magnetic element…"
canonical: "https://framer.elliotli.dev/component/3d-magnetic-element"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/3D Magnetic element

# 3D Magnetic element

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

![3D Magnetic element  preview image 1](https://framer.elliotli.dev/og/component/3d-magnetic-element/625ec3d3ab214078/1600x1200.jpg)

## Summary

About the component: Transforms any element/component that you already have designed into a 3D magnetic element that interacts with the user's cursor.

## Description

**About the component:**Transforms any element/component that you already have designed into a 3D magnetic element that interacts with the user's cursor.**Customizable properties:**

-   Strength
    
-   Radius
    
-   Stiffness
    
-   Damping
    
-   Depth
    
-   Shadow
    
-   Child (Here you add the element that you want to transform)
    

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

-   All · #4892

## Details

- **Author**: Carlos Huertas
- **Published**: 2025-10-10
- **Updated**: 2025-10-10
- **Added**: 2025-10-05
- **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