Tag collection

#border

10 animated border assets — each with a live preview, copy-paste HTML/CSS/JS source and a ready-made AI prompt.

UI Elements7 Animations2 Components1 All tags →

Related tags — click to cross-filter

#card+5 #glow+5 #gradient+5 #button+4 #conic+3 #animated+2 #conic-gradient+2 #cta+2 #spotlight+2 #animation+1 #aurora+1 #beam+1 #flow+1 #form+1

All vaults Site Templates Components UI Elements Animations

#card 5 #glow 5 #gradient 5 #button 4 #conic 3 #animated 2 #conic-gradient 2 #cta 2 #spotlight 2 #animation 1 #aurora 1 #beam 1

10 assets tagged #border

preview

Featured Components⚛ TSX Live preview

Spotlight Glow Card

Card with a radial glow that tracks the cursor plus a 1px gradient border-light that follows the pointer.

HTMLCSSJavaScriptAdvanced

11.8k78.4k12.4kOpen

preview

UI Elements⚛ TSX Live preview

Rotating Gradient Border Button

A conic-gradient border that spins around a dark pill button via @property angle animation.

HTMLCSSReactAdvanced

4.1k33.8k7.6kOpen

preview

UI Elements⚛ TSX Live preview

Spotlight Border Input

Inputs whose 1.5px border lights up with a radial spotlight that follows the cursor, plus focus fill.

HTMLCSSJavaScriptAdvanced

2.8k21.4k4.3kOpen

preview

Animations Live preview

Aurora Traveling Border Card

A conic-gradient border light that endlessly orbits the card using @property angle animation and blur glow.

HTMLCSSSimple

30200Open

preview

Animations Live preview

Rotating Conic Gradient Border Button

A CTA wrapped in an animated conic-gradient ring rotating via @property — with a cyan colorway variant.

HTMLCSSSimple

25400Open

preview

Featured UI Elements Live preview

Rotating conic glow border card

A 2px conic-gradient border slowly spins around a glass card via @property angle animation — pro upgrade cards.

HTMLCSSSimple

44500Open

preview

Featured UI Elements Live preview

Flowing gradient border buttons

Animated gradient border that streams around the label; inner chip clears to reveal the full flow on hover.

HTMLCSSSimple

39800Open

preview

Featured UI Elements Live preview

Orbiting border beam card

A bright light travels around the card's border via an animated conic-gradient mask and @property angle.

HTMLCSSSimple

46500Open

preview

UI Elements Live preview

Gradient Border Button

Button with animated gradient border using a rotating conic background.

HTMLCSSSimple

000Open

preview

UI Elements Live preview

Bordered Card Frame

Card with gradient border glow using border-image trick.

HTMLCSSSimple

000Open