Natively Pronounced Mandarin

    tsparticles-move-parallax
    TypeScript icon, indicating that this package has built-in type declarations

    2.6.0 • Public • Published

    banner

    tsParticles Parallax Mover

    jsDelivr npmjs npmjs GitHub Sponsors

    tsParticles move plugin for parallax effect.

    How to use it

    CDN / Vanilla JS / jQuery

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

    Including the tsparticles.move.parallax.min.js file will export the function to load the interaction plugin:

    loadParallaxMover;

    Usage

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

    (async () => {
      await loadParallaxMover(tsParticles);
    
      await 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-move-parallax

    or

    $ yarn add tsparticles-move-parallax

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

    const { tsParticles } = require("tsparticles-engine");
    const { loadParallaxMover } = require("tsparticles-move-parallax");
    
    loadParallaxMover(tsParticles); // awaitable

    or

    import { tsParticles } from "tsparticles-engine";
    import { loadParallaxMover } from "tsparticles-move-parallax";
    
    loadParallaxMover(tsParticles); // awaitable

    Install

    npm i tsparticles-move-parallax

    DownloadsWeekly Downloads

    14,883

    Version

    2.6.0

    License

    MIT

    Unpacked Size

    299 kB

    Total Files

    17

    Last publish

    Collaborators

    • ar3s
    • matteobruni