# magnetic

Featured Site Templates Live preview

Aura.js — Cursor Particle Landing

Particle trail that spawns at the cursor, a radial reactive glow, and magnetic buttons that lean toward the mouse. Hides the native cursor.

5.9k47.2k7kOpen

Components⚛ TSX Live preview

Magnetic Button Duo

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

HTMLCSSJavaScriptAdvanced

7.6k42.9k9.1kOpen

Featured Animations 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

Featured Components Live preview

macOS Magnetic Dock

Frosted dock bar where nearby icons swell and lift with spring physics — hover distance drives the scale.

40200Open

Featured Components Live preview

Magnetic cursor button

A big CTA that springs toward the cursor while hovered and snaps back on leave — 35% follow ratio.

42100Open

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

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

Magnetic Hover Button

Button that magnetically follows the cursor within bounds.

000Open

Animations⚛ TSX Live preview

Pricing Card Magnetic Tilt

Magnetic pricing card tilting toward the cursor with CTA glow.

HTMLCSSJavaScriptAdvanced

000Open