← Back to Gallery
Deformable Geometric Mesh Button
ButtonsAnimatedcanvasColorfulCSSDark ModeFuturisticGothicGradientNeon
Live Preview
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.
Related Elements
Confirm Action
Are you sure you want to proceed?