primitive

1 Borders, ready to ship.

Animated border treatments for React and Tailwind CSS: rotating conic gradients, tracing beams and glowing outlines that wrap any element. Copy the code or use the AI prompt to generate it inside your own design system.

gradient-border Pro
Gradient Border

Borders · intermediate — Rotating conic gradient border using @property CSS animation. Works on any element.
More primitive components
Backgrounds3Text3Buttons2Cards2Effects1Loaders1Marquee1