Fieldbook
Sign in

Animation

Magnetic pull target

A tile that leans toward the pointer whenever it comes inside a set radius, pulling harder the closer it gets and easing home when the pointer leaves.

Using Magnetic pull target

A tile that leans toward the pointer whenever it comes inside a set radius, pulling harder the closer it gets and easing home when the pointer leaves.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: strength, range, onlyOnHover, showRadius, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Bobble tile grid
1763Bobble tile gridAnimationA grid of colored tiles that bobble away from the pointer on a spring, bouncing harder the faster the pointer swept across them.
Pointer Magnet
2206Pointer MagnetAnimationA wrapper that lets whatever it holds drift toward the pointer while it is inside a padded catch zone, then glide back to rest.
Pointer tilt card
1735Pointer tilt cardAnimationA card that leans in 3D toward the pointer, with a sheen that slides across its face and a spring that settles it back level on exit.
Press and hover scale tile
1797Press and hover scale tileAnimationA tile that swells on hover and squashes on press, with press always beating hover and both resolved from one spring so gestures never fight.
Tilting cube field
1818Tilting cube fieldAnimationA grid of hollow cubes that lean toward the pointer within a falloff radius, wander on their own when left alone, and flash outward in rings on a click.
Burst particle emitter
1672Burst particle emitterAnimationWraps any element and fires a staggered fan of small specks from a chosen edge, on click, on a loop, or the first time it scrolls into view.