The Impossible Magnetic Effect Framer's native hover states are strictly binary—you can only scale the exact item you hover over. Magnify Strip bypasses this limitation entirely. Using continuous relative-distance mapping, it calculates the exact pixel distance between your cursor and every item in the row simultaneously, driving a buttery-smooth 60fps magnification wave that Framer cannot achieve natively.
Core Mechanics As your cursor moves across the strip, a wave of interaction follows. The closest item scales up and lifts towards the cursor, while neighboring items gently recede based on proximity, creating a highly tactile, magnetic pull effect driven by premium spring physics.
Key Features:
🧲 Proximity-Based Physics: Continuous distance mapping eliminates rigid, binary hover states.
⚡ 60fps Performance: Engineered with useMotionValue and useTransform for zero React re-render overhead.
🌊 Premium Spring Animations: Fully tunable stiffness and damping for that signature elastic snap-back.
🧊 Frosted Glass Container: Optional backdrop-filter glass morphism platform that dynamically houses the items.
💬 Proximity Tooltips: Labels fade in dynamically based on exact cursor distance, not just binary hover.
📱 Omni-Responsive: Automatically swaps to a seamless, infinite-scroll CSS ticker on mobile viewports (≤810px) for flawless touch interaction.
🎨 Deeply Configurable: Control magnet radius, max scale, lift amount, item sizes, gaps, and border radii.
Refund Policy: Non-refundable digital asset; feel free to contact within 7 days for any issues.
Abdul Sami
