← Back to Gallery
The Ferro-Magnetic Lattice Button
ButtonsAnimatedAnimated BordercanvasColorfulCSSCyberpunkDark ModeFuturisticModernNeonPlayful & Creative
Live Preview
This The Ferro-Magnetic Lattice Button is a stylish button component designed for user interactions and call-to-actions.
Concept: Simulating magnetic fields acting on iron filings.
This button abandons randomness. It builds a structured grid of 600+ individual vector lines. Each line calculates its angle using the Math.atan2 function relative to your mouse cursor. The "Premium" trick here is the Rotational Delay (Inertia) and Color Mapping. The needles don't snap instantly; they drag through a virtual viscosity, and their color shifts from steel-grey to "Charged Cyan" based on how perfectly aligned they are with the magnetic source (your mouse).
Related Elements
Confirm Action
Are you sure you want to proceed?