About Modern Button
Modern Magnetic Button - Interactive & Customizable Framer Component
Give your website a more interactive feel with Modern Magnetic Button, a fully customizable Framer component that follows your cursor with smooth magnetic motion, fluid animations, and beautiful hover effects.
Designed for modern websites, landing pages, portfolios, and SaaS interfaces, this component combines micro-interactions with flexible styling options to help your buttons stand out without overwhelming your design.
Features
Magnetic Cursor Interaction
Smooth cursor-following movement.
Natural movement with responsive hover and tap interactions.
Customizable Icons
Choose from multiple built-in icons, including Arrow, Heart, Download, Share, Sparkles, Plus, Check, Bookmark, Zap, Play, Star, and External Link.
Choose whether icons are always visible, appear only on hover, or remain hidden.
Beautiful Gradients & Colors
Solid color and linear gradient backgrounds.
Fully customizable gradient start and end colors.
Independent text and icon colors.
Custom glow colors to complement your button design.
Interactive Hover Effects
Animated shine sweep across the button.
Smooth icon reveal and movement.
Dynamic shadow and colored glow.
Smooth magnetic reset when the cursor leaves.
Subtle click and tap scaling.
Complete Customization
Custom font size and font weight.
Horizontal and vertical padding controls.
Magnetic pull strength from subtle to strong.
Light & Dark Themes
Light theme for bright, minimal interfaces.
Dark theme for dark websites.
Auto theme that follows the visitor's system preference.
Custom theme with editable colors.
Link & Navigation Settings
Add custom links to your buttons.
Open links in a new tab.
Use the component for navigation, calls to action, downloads, and external links.
🎯 Perfect For
SaaS websites and landing pages
Portfolio & personal websites
Creative websites
Startup websites
Modern UI designs
Call-to-action sections
Interactive navigation elements
Product showcases
