Contact section with a magnetic field
Thousands of compass needles point where you point.
Move the mouse: the needles turn toward you. Click: the polarity flips and a shockwave runs through. The brand and the details are illustrative samples.
Custom animation / motion design
Custom animation, motion, and interactive elements that set the site apart from a template look.
from HUF 60,000
An electrician's contact section: a lattice of compass needles behind it turns toward the cursor. Motion that fits the subject: magnet, field, current. Made for a page where the trade itself suggests the idea.
- Canvas 2D
- Vector field
- Contact
How it works
Every needle is two springs: one holds its angle, the other its position. The cursor acts as a magnet, a click flips the polarity, and a shockwave runs through. At rest the field is a slowly rolling pattern, so the page isn't dead even when nobody moves the mouse.
The contact details (phone, address, hours) are ordinary text, easy to read and to select. The lightest kind: plain canvas, a few thousand lines.
Want something like this on your own site?
Motion and WebGL are part of what I do. We'll work out what fits your site while keeping it fast.
Get an estimate