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

• Magnetic Only

• Wiggle Only

• Magnetic + Wiggle

⚡ GSAP Powered Smooth, polished animations powered by GSAP with optimized transform handling.

Support

Need help using or customizing the component?

Email: karimsaif010@gmail.com X: @karimsaif0

Feel free to reach out for questions, feedback, or customization requests.