Radial Glow Button

Radial Glow Button is a button in the UI HUB buttons collection. Animated radial-gradient surface that drifts, a 1px gradient border that rotates, and a light sweep that crosses the button on hover — all via CSS @property-registered custom properties.

The component is driven by 2 documented props (children, className), so colours, intensity, timing and density can be tuned from the call site instead of being hard-coded.

Implementation notes: @property-registered custom properties; radial-gradient surface with animated stops; mask-composite: exclude 1px border.

Preview the button in the browser above, copy the source, and paste it into your project. Buttons components in UI HUB are grouped by category so you can compare effects side by side before choosing one.