Magnetic Wrapper

Add magnetic hover to any element

Vraxis Magnetic — Universal Interaction Wrapper Bring premium cursor interactions to any element on your Framer site. Vraxis Magnetic is a universal wrapper component that adds smooth magnetic attraction, spring motion, and responsive hover behavior to buttons, cards, images, text blocks, and custom layouts. Simply wrap any element and it instantly gains physical, cursor-aware movement without modifying the original design. Features ⚡ Magnetic Cursor Attraction Elements are gently pulled toward the cursor as users approach, creating a natural and responsive interaction experience. 🎯 Multi-Zone Tracking System Built with outer attraction zones, inner magnetic locking, and a centered dead zone to eliminate jitter and create smooth, premium motion. 🌀 Spring Physics Engine Every movement is powered by configurable spring animations for natural acceleration, deceleration, and release behavior. ✨ Multiple Motion Styles Choose from: • Direct — fast and responsive• Elastic — playful with overshoot• Float — smooth luxury movement 📦 Universal Wrapper Architecture Works with: • Buttons• Cards• Images• Icons• Text Blocks• Custom Components No additional setup required. ⚙️ Built-In Presets Includes optimized presets for: • CTA Buttons• Premium Cards• Playful Interactions Or create your own custom behavior using the property controls. Customization Adjust every aspect of the interaction: • Strength• Radius• Scale• Elasticity• Dead Zone Size• Movement Style Perfect For • SaaS Landing Pages• Agency Websites• Portfolio Sites• Product Launches• Interactive Experiences• Modern UI Systems Built with React and Framer Motion for smooth performance and production-ready deployment.

Add magnetic hover to any element