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

    2.3.3 • Public • Published

    banner

    tsParticles External Bubble Interaction

    jsDelivr npmjs npmjs GitHub Sponsors

    tsParticles interaction plugin for bubble 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.bubble.min.js file will export the function to load the interaction plugin:

    loadExternalBubbleInteraction;

    Usage

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

    loadExternalBubbleInteraction(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-bubble

    or

    $ yarn add tsparticles-interaction-external-bubble

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

    const { tsParticles } = require("tsparticles-engine");
    const { loadExternalBubbleInteraction } = require("tsparticles-interaction-external-bubble");
    
    loadExternalBubbleInteraction(tsParticles);

    or

    import { tsParticles } from "tsparticles-engine";
    import { loadExternalBubbleInteraction } from "tsparticles-interaction-external-bubble";
    
    loadExternalBubbleInteraction(tsParticles);

    Install

    npm i tsparticles-interaction-external-bubble

    DownloadsWeekly Downloads

    8,416

    Version

    2.3.3

    License

    MIT

    Unpacked Size

    395 kB

    Total Files

    67

    Last publish

    Collaborators

    • ar3s
    • matteobruni