Interactive / 01 — Magnet

Move the field.

A reactive hairline field for your hero. Move your cursor. Switch behaviours below.

density reach strength

accent

Interactive / Magnet / six behaviours

One field, six minds.

The same hairline primitive your loaders are built on, made reactive. Each behaviour shares the field's easing and brand discipline. Click a row to jump up and drive the field with it.

Interactive / Magnet / embed

Configure it. Copy it.

The controls above set the field. Your snippet updates live with your exact behaviour, density, reach, strength, form and accent, then ships with the magnet.js file in your purchase. Paste both and you are done. No build step.

Snippet + magnet.js included with purchase

Unlock Magnet / $29

Make it yours

Drop the field into your hero.

One field, six behaviours, every parameter yours to set. Ships as drop-in HTML, CSS and the magnet.js file with a Framer and Webflow embed and a commercial licence. No build step, no framework.

Buy Magnet$29

INCLUDES 6 BEHAVIOURS / HTML + CSS + JS / FRAMER + WEBFLOW EMBED / COMMERCIAL LICENSE