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.
⚡ 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.
Adjust every aspect of the interaction:
• Strength• Radius• Scale• Elasticity• Dead Zone Size• Movement Style
• 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.
Joel Kazadi
