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.



