---
title: "Magnetic Hover Button — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Raj Prajapati · Buttons. Magnetic Hover Button."
canonical: "https://framer.elliotli.dev/component/magnetic-hover-btn"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Magnetic Hover Button

# Magnetic Hover Button

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

![Magnetic Hover Button preview image 1](https://framer.elliotli.dev/og/component/magnetic-hover-btn/5751345cb8058be5/1600x1200.jpg)

## Summary

Magnetic Hover Button.

## Description

## Magnetic Hover Button

  

Elevate your Framer projects with the Magnetic Hover Button. This highly customizable CTA button features magnetic hover effects, smooth transitions, Lucide icons, and full typography control, creating a dynamic and engaging user experience.

  

### Key Features:

  

-   **Magnetic Hover**: Interactive "magnet-like" motion that responds to the cursor.
-   **Full Customization**: Adjust colors, typography, icons, and layout.
-     
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-qudj2yyy-mjYcwAUCfnJo3XUYic8dz2rEDpDIep)

###   

### Perfect For:

  

-   Landing page CTAs
-   Product buttons
-   Interactive hero sections

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

-   All · #10210

## Details

- **Author**: Raj Prajapati
- **Price**: $5.00
- **Published**: 2025-12-15
- **Updated**: 2025-12-15
- **Added**: 2025-12-03
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything