Popular
Studio plan
Unlimited projects, review links and 2 TB of storage.
$24per seat / month
Magnetic
Wrapper that springs its child toward a nearby mouse pointer, with edge-based falloff and an optional parallax inner layer; off for touch and reduced motion.
Preview
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| intensity | number | 0.35 | Share of the pointer offset the child follows (0–1). |
| radius | number | 80 | Distance in px beyond the element's edge where the pull starts. |
| spring | SpringOptions | { stiffness: 240, damping: 16, mass: 0.5 } | Spring used to follow the pointer and settle back. |
| disabled | boolean | false | Turns the effect off. It is also off for touch and reduced motion. |
| depth | number | 0.5 | MagneticInner: extra travel relative to the body, for a parallax label. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.