The Ferro-Magnetic Lattice Button

ButtonsAnimatedAnimated BordercanvasColorfulCSSCyberpunkDark ModeFuturisticModernNeonPlayful & Creative

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).

Live Preview