5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T78e,

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.

5a:[["$","$L5d",null,{"post":{"id":"019eb769-0dd7-72fc-8d17-0628c8d53d8a","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"295e8fd3-ed6e-4502-b6c3-469d7c506141","name":"Joel Kazadi","slug":"joel-kazadi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2378276/avatar-umPGRax7mBL1cjP1SxVItBqsPgbyiE.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"t3rozPQpggaj69HooY46","resolved":true,"title":"Magnetic Wrapper","body":"$5e","bodyJson":null,"introduction":"Add magnetic hover to any element","slug":"magnetic-wrapper","author":{"framerUserId":"295e8fd3-ed6e-4502-b6c3-469d7c506141","name":"Joel Kazadi","slug":"joel-kazadi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2378276/avatar-umPGRax7mBL1cjP1SxVItBqsPgbyiE.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/t3rozPQpggaj69HooY46/magnetic-wrapper-MWJtUFsa8EKvh35sU0y0LzZvTJiCK6","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-07T15:00:27.546Z","updatedAt":"2026-06-11T18:25:05.588Z","publishedAt":"2026-06-11T15:59:35.895Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://azure-kimchi-994568.framer.app/","price":"4","paymentUrl":"https://vraxisweb.lemonsqueezy.com/checkout/buy/260a7696-188b-45dd-99a2-389800ee92d4","workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"82LNi6kxJuAMJbfn65nT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-11T15:59:35.895Z","updatedAt":"2026-06-11T15:59:35.895Z","reported":false}}],"$L5f"]

Suggested for you