Magnetic Button- hov

Magnetic Button

Give your interfaces a little more movement.

Magnetic Button is an interactive Framer component that responds to cursor movement with smooth, spring-based magnetic motion. Designed to make everyday calls to action feel more engaging, it combines subtle movement with customizable typography and playful hover interactions.

Features

• Magnetic Interaction: Smoothly follows cursor movement with adjustable magnetic strength.

• Animated Typography: Choose between Text Roll, Text Flip, Stagger and None.

• Interactive Arrow: Display a directional arrow permanently or reveal it on hover.

• Hover Scaling: Add subtle enlargement when users interact with the button.

• Custom Styling: Adjust background, text color, typography, font size, padding and corner radius.

• Custom Links: Connect the button to any destination and optionally open links in a new tab.

• Spring-Based Motion: Smooth, natural movement powered by Framer Motion.

Customization

Every major visual and interactive property can be adjusted directly through Framer's property controls, making it easy to adapt the component to different website styles and layouts.

Perfect For

Landing pages, portfolios, agency websites, SaaS platforms, creative studios and modern interactive interfaces.

Free to use. Easy to customize. Built for Framer.