Rainbow Button

Rainbow Button is a button in the UI HUB buttons collection. A button with a continuously rotating conic-gradient halo border that cycles through all hues of the rainbow. On hover, the halo intensifies.

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

Implementation notes: CSS conic-gradient rainbow halo; Rotation keyframe animation; Pseudo-element or wrapper technique for inner background.

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.