Magnetic CTA Button

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.