---
title: "Magnetic CTA Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Padmavathi VL · Buttons. Magnetic CTA Button Give your Framer website a more premium and interactive feel with a smooth magnetic cursor effect."
canonical: "https://framer.elliotli.dev/component/magnetic-cta-button"
---

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

# Magnetic CTA Button

Magnetic Button for Framer

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

![Magnetic CTA Button preview image 1](https://framer.elliotli.dev/og/component/magnetic-cta-button/06599460cd2e3c15/1600x1200.jpg)

## Summary

Magnetic CTA Button Give your Framer website a more premium and interactive feel with a smooth magnetic cursor effect.

## Description

## Magnetic CTA Button

Give your Framer website a more premium and interactive feel with a smooth **magnetic cursor effect**.

This button subtly follows the cursor as it approaches, creating a tactile micro-interaction that makes your calls to action feel more engaging and memorable.

Designed for modern websites, landing pages, portfolios, SaaS products, agencies, startups, and creative websites.

### ✦ Features

-   Smooth magnetic cursor interaction
    
-   Premium hover animation
    
-   Responsive button behavior
    
-   Customizable button text
    
-   Adjustable colors and styling
    
-   Link-ready CTA
    
-   Clean, modern visual design
    
-   Easy to add to any Framer project
    
-   No complicated setup
    

### ✦ Perfect for

-   Hero section CTAs
    
-   Landing page buttons
    
-   SaaS websites
    
-   Startup websites
    
-   Agency websites
    
-   Portfolio websites
    
-   Product launch pages
    
-   Contact buttons
    
-   “Get Started” buttons
    
-   “Book a Call” buttons
    
-   “Learn More” CTAs
    
-   Interactive website experiences
    

### ✦ Why use a magnetic button?

Small interactions can make a website feel significantly more polished. The magnetic effect adds movement and personality without overwhelming the interface, helping important CTAs stand out while keeping the overall design clean.

### ✦ Built for Framer

Add the component to your project, customize the properties to match your brand, connect your link, and you're ready to go.

A simple way to add a **premium cursor interaction and modern hover effect** to your Framer website.

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

-   All · #3799

## Details

- **Author**: Padmavathi VL
- **Published**: 2026-08-25
- **Updated**: 2026-08-25
- **Added**: 2026-08-25
- **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