@supermousejs/magnetic

A Logic Plugin that attracts the cursor to interactive elements.

Installation

pnpm add @supermousejs/magnetic

Usage

import { Supermouse } from '@supermousejs/core';
import { Magnetic } from '@supermousejs/magnetic';

const app = new Supermouse();

// Priority is handled automatically (-10)
app.use(Magnetic({
  attraction: 0.3, // Strength (0-1)
  distance: 100    // Capture radius in px
}));

HTML:

<button data-supermouse-magnetic="true">Magnetic Button</button>

Documentation

Full documentation and interactive playground available at supermouse or check out the repo.