# hover × # magnetic

Components⚛ TSX Live preview

Magnetic Button Duo

Buttons and their labels lean toward the cursor with different strength factors, then spring back on leave.

7.6k42.9k9.1kOpen

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.

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.

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

Animations⚛ TSX Live preview

Magnetic Hover Button

Button that magnetically follows the cursor within bounds.