About Wiggle Magnetic Btn

Wiggle + Magnetic Button — Bring Your CTAs to Life

Add a playful, interactive feel to your Framer websites with a button that reacts to your cursor and grabs attention with smooth motion.

Choose between Magnetic, Wiggle, or Magnetic + Wiggle modes and create engaging CTAs without writing any animation code. Powered by GSAP, the component delivers smooth cursor-following movement, elastic resets, and continuous wiggle animations.

✨ Live Preview: Wiggle + Magnetic Button Preview

Great For

🚀 Landing pages & hero sections
🎯 High-converting CTA buttons
💼 Portfolio and personal websites
🪄 Creative & experimental websites
🛍 Product and SaaS websites
🎨 Interactive design showcases
⚡ Micro-interactions that make a UI feel more alive

Features

🧲 Magnetic Interaction The button smoothly follows the user's cursor, creating a responsive magnetic effect. You can control the magnetic strength, follow speed, and reset animation.

〰 Wiggle Animation Add a continuous idle wiggle animation that gently rotates the button to attract attention.

🎛 Three Interaction Modes