UI Elements ×
Free Resources ×
← Back to Gallery

The Guilloché Aperture Button

ButtonsAnimatedAnimated BordercanvasCSSDark ModeFuturisticLuxury GoldPlayful & Creative
Make actions stand out with this The Guilloché Aperture Button - a modern button component. This button mimics the anti-counterfeit patterns found on currency and high-end mechanical watches. It uses Hypotrochoid Equations (the math behind a Spirograph) to draw intricate, golden geometric rosettes. The "Premium" feature is the Procedural Unfolding: normally the pattern is tight and closed (encrypted), but as you hover, the variables R (outer radius) and r (inner radius) interpolate smoothly, causing the geometry to "bloom" open like a mechanical iris.
Live Preview

Leave a Comment

Full Screen Preview
Confirm Action
Are you sure you want to proceed?