component
Wiggle Magnetic Btn
By Karim Saif

Details
- Karim SaifAuthor
- componentType
- 2026-08-26Published
- 2026-08-26Updated
- 2026-08-26Added
- ButtonsCategories
Summary
Magnetic + Wiggle GASP
Description
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.
Introduction
Magnetic + Wiggle GASP
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5141