Magnet Hover Button

Show Preview
Magnet Hover Button
Magnet Hover Button

About Magnet Hover Button

Add a playful touch to your website with Magnet Hover Button, an interactive circular button component for Framer.

On hover, a simple arrow transforms into a bold visual element with rotating curved text around the circle, creating a unique micro-interaction that catches attention without overwhelming your design.

Features

  • Interactive hover animation

  • Circular text effect

  • Dynamic arrow transformation

  • Minimal, modern design

  • Perfect for portfolios, agency websites, landing pages, and creative projects

Use it to make your CTAs more engaging, guide visitors toward important links, and add personality to your website with a small but memorable interaction.

Simple, distinctive, and made for creative websites.

From Shruti Khandelwal

Notification Toggle
Signal CTA
Slip Path Link
Steps Card

Related Components

AnimatedArrow Button
Quick Scan Button
Rippler Button
Glassy button