The design system primary call to action, with a gradient ring turning behind it.
About this tool
A primary button drawn from the HorizonX size scale, with a conic gradient turning behind its edge and a star field drifting across its face. The ring is animated through a registered custom property, so the gradient turns without the button moving and nothing has to be clipped away to contain it. Every length is a ratio of the control height, so the same file works as a small control and as a hero.
UI/UX · HTML / CSS · All tools