Documentation
v1.8
GETTING STARTED
DYNAMIC ISLAND
Library
Button effects
Magnetic effect
The Magnetic Effect creates an interactive experience by making buttons or other elements react to mouse movement.
Preview
Magnetic effect
Quick Setup
data-magnetic
Required
Activates the magnetic effect on the element.
Advanced configuration
data-magnetic-strength
Optional
Controls the intensity of the element's movement towards the cursor.
Default: 0.5
data-magnetic-radius
Optional
Defines the radius (in pixels) within which the magnetic effect is active.
Default: 200
data-magnetic-rotation
Optional
Specifies the intensity of the rotation effect when the cursor moves near the element.
Default: 5
We're here to help
Choose how you'd like to connect with our support team
Contact Support
Get help from our team of experts
Response within 24 hours