Comet Glow Button

Comet Glow Button

About Comet Glow Button

A pill button with a thin comet of light chasing itself around the border, forever. Not a static gradient border — an actual moving highlight that fades into blue, purple, pink, and back into the dark, with a soft halo bleeding out past the edge.

Hover it and the whole thing wakes up: it scales up slightly, the ring speeds up, and the glow flares out a bit more before settling back down when you leave.

Everything is editable from the Properties panel — no code, no layers to dig through:

- 4 gradient colors (set your own comet trail)

- Rotation speed, halo blur, halo spread, halo opacity

- Border thickness and corner radius (pill or boxy, your call)

- Hover scale + hover background color

- Font, text color, padding — all of it

- Toggle: glow always on, or only when hovered

- Optional link with new-tab control

- Respects reduced-motion for accessibility

Drop it on a hero section, a CTA, a "Buy now," a waitlist form — anywhere you want the eye to land first.

Built with real CSS animation (conic-gradient + @property), so it's lightweight and doesn't need JS to run.