nex-ui
  • Templates
  • Docs
  • Pricing
  • FAQ
csen
Sign inGet Pro
Overview
    • Particle textUltimate
    • Holographic cardUltimate
    • Shatter revealUltimate
    • 3D text ringUltimate
    • Vortex tunnelUltimate
    • Shockwave gridUltimate
    • Split-flap boardUltimate
    • Falling lettersUltimate
    • Gooey blobsUltimate
    • DNA helixUltimate
    • Magnetic fieldUltimate
    • Scroll morphUltimate

Ship something that moves.

Browse components
nex-ui

Components for React and Tailwind, made by one developer.

Product

  • Components
  • Tools
  • Templates
  • Pricing
  • FAQ

Resources

  • Docs
  • Changelog
  • License
  • Contact

Monthly notes

New components and tools, about once a month.

No spam. Unsubscribe with one click.

© 2026 nex-ui. All rights reserved.

Cookies
Components/Ultimate motion

Magnetic fieldUltimate

Needles on springs turn toward the cursor like iron filings and glow as it gets close.

Props

Appearance

Applies to this component only and stays saved when you come back.

#ff3347
#b3122a
Preview background

Install

$npx shadcn@latest add @nex-ui/magnetic-field

Usage

import { MagnetField } from "@/components/nex-ui/magnetic-field";

<MagnetField />

This is an Ultimate component

You can play with the preview. The source and CLI install unlock with the Ultimate plan.

Get Ultimate
PreviousDNA helixNextScroll morph