Orbit Button

Orbit Button is a button in the UI HUB buttons collection. A button with a glowing particle that orbits its border in a continuous loop. On hover, the orbit speed doubles and a secondary particle appears.

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

Implementation notes: Absolute positioned particle on border path; CSS/Framer rotation animation; Hover-triggered speed and count change.

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.