Deformable Geometric Mesh Button

ButtonsAnimatedcanvasColorfulCSSDark ModeFuturisticGothicGradientNeon

Make actions stand out with this Deformable Geometric Mesh Button - a modern button component. This button constructs a real-time Deformable Geometric Mesh where vertices are physically simulated using Hooke's Law (spring forces) and trigonometric noise. Instead of static colors, it employs a custom area-based shading heuristic: the code calculates the compression of every individual triangle in the mesh to dynamically adjust its luminosity (compressed areas glow white-hot, stretched areas darken), creating a realistic "jewel-like" refraction. Interacting with the button exerts a repulsive magnetic force on the geometry, causing the crystal structure to ripple and re-crystallize organically under your cursor.

Live Preview