Skip to content

component

Wiggle Magnetic Btn

By Karim Saif

Details

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.

12001400156148/278/319/59/109/15
  • All · #5141