Back to Buttons
Shimmer Border Button
A button with a single thread of light continuously sweeping its 1px border — the same 'moving border' technique behind rainbow-style buttons, kept to one restrained accent hue.
Buttonsbuttonglassshimmercss-only
Stack: React + Tailwind CSS + shadcn/ui — every prompt is written for this stack and is most accurate in it.
Overview
Technique
Rotating conic-gradient masked to a 1px ring
Color
Single var(--color-primary) thread, no rainbow
Motion
animate-spin, 3s linear, infinite — border only
Accessibility
Decorative layer is aria-hidden + inert