Spectrum Button

Spinning gradient border button

A button with a continuously spinning gradient border. The gradient rotates smoothly around the edge using requestAnimationFrame for buttery, reliable motion, and speeds up on hover for a subtle interactive touch.

Every part is editable: the gradient colors, rotation speed, border width, corner radius, glow, hover acceleration, label text, font, and padding — nothing is hardcoded. Set your own link and open it in the same or a new tab.

Fully responsive and lightweight. Pure React + CSS — no dependencies, no images. Optimized for Framer's static rendering so the canvas, export, and thumbnails stay clean.