Gradient Border Button
A transparent button with a vibrant animated gradient border.
Adjust the preview
Every choice updates the preview and the wording below.
Gradient
Fill
Border Width
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a button with a blue-to-purple animated gradient border that rotates around the button. The background is dark matching the page background and the border width is 2px. Use a conic-gradient on a wrapper element with a slightly smaller inner element to create the border effect. Animate the gradient rotation.
Paste it into Claude, Cursor, or v0 along with the context for your project.