# animation × # card

Featured UI Elements⚛ TSX Live preview

Orbiting border beam card

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

HTMLCSSReactAdvanced

46500Open

Cursor Tilt Card — Take 3 · Sorbet Alt

A self-contained, dependency-free animation with smooth cascading delays and a minimal dark look.

2112.7k1.8kOpen

Cursor Tilt Card — Take 5 · Sorbet Alt

A self-contained, dependency-free animation with smooth eased transitions and a polished dark UI.

1.3k3.2k218Open

Cursor Tilt Card — Take 3

A self-contained, dependency-free animation with smooth eased transitions and a playful but precise finish.

8133.7k1.7kOpen

Cursor Tilt Card — Take 1

A self-contained, dependency-free animation with smooth cascading delays and a minimal dark look.

6573.8k1.7kOpen

Cursor Tilt Card — Take 5

A self-contained, dependency-free animation with smooth spring-like motion and a crisp dark aesthetic.

3525.7k1.4kOpen

Cursor Tilt Card — Take 4

A self-contained, dependency-free animation with smooth cascading delays and a crisp dark aesthetic.

3569.6k587Open

Cursor Tilt Card — Take 2

A self-contained, dependency-free animation with smooth cascading delays and a crisp dark aesthetic.

1.1k6.1k1.7kOpen

Cursor Tilt Card — Take 3 · Onyx Alt

A self-contained, dependency-free animation with smooth eased transitions and a crisp dark aesthetic.

76413.8k596Open

Cursor Tilt Card — Take 3 · Mint Alt

A self-contained, dependency-free animation with smooth looping keyframes and a studio-grade polish.

9668.3k2.3kOpen

Cursor Tilt Card — Take 1 · Onyx Alt

A self-contained, dependency-free animation with smooth GPU-friendly transforms and a studio-grade polish.

9788.8k897Open

Cursor Tilt Card — Take 4 · Mint Alt

A self-contained, dependency-free animation with smooth looping keyframes and a tactile, responsive feel.

8894.7k1kOpen

Cursor Tilt Card — Take 1 · Copper Alt

A self-contained, dependency-free animation with smooth hover choreography and a crisp dark aesthetic.

32917.2k449Open

Cursor Tilt Card — Take 2 · Mint Alt

A self-contained, dependency-free animation with smooth GPU-friendly transforms and a playful but precise finish.

96218.6k1kOpen

Cursor Tilt Card — Take 2 · Copper Alt

A self-contained, dependency-free animation with smooth cascading delays and a minimal dark look.

1.3k21.7k1.4kOpen

Cursor Tilt Card — Take 2 · Onyx Alt

A self-contained, dependency-free animation with smooth looping keyframes and a minimal dark look.

30324.3k1.3kOpen

Cursor Tilt Card — Take 5 · Indigo Alt

A self-contained, dependency-free animation with smooth GPU-friendly transforms and a crisp dark aesthetic.

1.8k24.4k420Open

Featured Animations Live preview

Cursor Tilt Card — Take 1 · Punch Alt

A self-contained, dependency-free animation with smooth hover choreography and a playful but precise finish.

49920.4k1.1kOpen

Cursor Tilt Card — Take 4 · Sorbet Alt

A self-contained, dependency-free animation with smooth looping keyframes and a tactile, responsive feel.