Gradient Ring Input – shadcn/ui Component by movin | shadcnregistry
Gradient Ring Input
component
On focus a conic-gradient border continuously rotates around the input using a @property CSS custom property (--gr-angle) animated from 0deg to 360deg. The ring fades in with opacity and fades out on blur.