# spring × # hover

Components⚛ TSX Live preview

Elastic Following Tooltip

A gradient tooltip that springs toward the cursor position with lerp smoothing and an arrow caret.

HTMLCSSJavaScriptAdvanced

5.9k31.8k6.7kOpen

Featured Animations⚛ TSX Live preview

Magnetic Spring Buttons

Three CTA buttons that lean toward your cursor with physics-based spring motion; the label counter-moves for parallax.

HTMLCSSJavaScriptAdvanced

40200Open

Magnetic Hover Element · Deep Indigo

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Deep Indigo palette.

84000Open

Animations⚛ TSX Live preview

Magnetic Hover Element · Aurora Teal

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Aurora Teal palette.

HTMLCSSJavaScriptAdvanced

39800Open

Magnetic Hover Element · Mono Pearl

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Mono Pearl palette.

81500Open

Magnetic Hover Element · Ultra Violet

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Ultra Violet palette.

39900Open

Magnetic Hover Element · Cyber Lime

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Cyber Lime palette.

60000Open

Magnetic Hover Element · Sunset Amber

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Sunset Amber palette.

69100Open

Magnetic Hover Element · Rose Gold

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Rose Gold palette.

17500Open

Magnetic Hover Element · Ocean Sky

The button is magnetized to your cursor — it leans toward the pointer and springs back. Rendered in the Ocean Sky palette.

62300Open