Narcissistic, Perfectly Modest

    tsparticles-interaction-external-attract
    TypeScript icon, indicating that this package has built-in type declarations

    2.2.2 • Public • Published

    banner

    tsParticles External Attraction Interaction

    jsDelivr npmjs npmjs GitHub Sponsors

    tsParticles interaction plugin for attract effect around mouse or HTML elements.

    How to use it

    CDN / Vanilla JS / jQuery

    The CDN/Vanilla version JS has one required file in vanilla configuration:

    Including the tsparticles.interaction.external.attract.min.js file will export the function to load the interaction plugin:

    loadExternalAttractInteraction;

    Usage

    Once the scripts are loaded you can set up tsParticles and the interaction plugin like this:

    loadExternalAttractInteraction(tsParticles);
    
    tsParticles.load("tsparticles", {
      /* options */
    });

    ESM / CommonJS

    This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:

    $ npm install tsparticles-interaction-external-attract

    or

    $ yarn add tsparticles-interaction-external-attract

    Then you need to import it in the app, like this:

    const { tsParticles } = require("tsparticles-engine");
    const { loadExternalAttractInteraction } = require("tsparticles-interaction-external-attract");
    
    loadExternalAttractInteraction(tsParticles);

    or

    import { tsParticles } from "tsparticles-engine";
    import { loadExternalAttractInteraction } from "tsparticles-interaction-external-attract";
    
    loadExternalAttractInteraction(tsParticles);

    Install

    npm i tsparticles-interaction-external-attract

    DownloadsWeekly Downloads

    7,365

    Version

    2.2.2

    License

    MIT

    Unpacked Size

    343 kB

    Total Files

    37

    Last publish

    Collaborators

    • ar3s
    • matteobruni