2.9.3 • Published 1 year ago

jquery-particles v2.9.3

Weekly downloads
66
License
MIT
Repository
github
Last release
1 year ago

banner

jquery-particles

npm npm GitHub Sponsors

Official tsParticles jQuery plugin

Slack Discord Telegram

tsParticles Product Hunt

Installation

$ npm install jquery-particles

or

$ yarn add jquery-particles

or from jsDelivr

jsDelivr

<!-- first include tsParticles engine -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles-engine"></script>

<!-- then include any tsParticles plugin needed -->
<script src="https://cdn.jsdelivr.net/npm/tsparticles/tsparticles.bundle.min.js"></script>

<!-- then include jquery wrapper -->
<script src="https://cdn.jsdelivr.net/npm/jquery-particles"></script>

How to use

HTML

<div id="tsparticles"></div>
// this loads the tsparticles package bundle, it's the easiest method for getting everything ready
// starting from v2 you can add only the features you need reducing the bundle size
$(document).ready(async function () {
    await loadFull(tsParticles);

    $("#tsparticles")
        .particles()
        .init(
            {
                background: {
                    color: {
                        value: "#0d47a1",
                    },
                },
                fpsLimit: 120,
                interactivity: {
                    events: {
                        onClick: {
                            enable: true,
                            mode: "push",
                        },
                        onHover: {
                            enable: true,
                            mode: "repulse",
                        },
                        resize: true,
                    },
                    modes: {
                        push: {
                            quantity: 4,
                        },
                        repulse: {
                            distance: 200,
                            duration: 0.4,
                        },
                    },
                },
                particles: {
                    color: {
                        value: "#ffffff",
                    },
                    links: {
                        color: "#ffffff",
                        distance: 150,
                        enable: true,
                        opacity: 0.5,
                        width: 1,
                    },
                    collisions: {
                        enable: true,
                    },
                    move: {
                        direction: "none",
                        enable: true,
                        outModes: {
                            default: "bounce",
                        },
                        random: false,
                        speed: 6,
                        straight: false,
                    },
                    number: {
                        density: {
                            enable: true,
                            area: 800,
                        },
                        value: 80,
                    },
                    opacity: {
                        value: 0.5,
                    },
                    shape: {
                        type: "circle",
                    },
                    size: {
                        value: { min: 1, max: 5 },
                    },
                },
                detectRetina: true,
            },
            function (container) {
                // container is the particles container where you can play/pause or stop/start.
                // the container is already started, you don't need to start it manually.
            }
        );

    // or

    $("#tsparticles")
        .particles()
        .ajax("particles.json", function (container) {
            // container is the particles container where you can play/pause or stop/start.
            // the container is already started, you don't need to start it manually.
        });
});

Demos

The demo website is here

https://particles.js.org

There's also a CodePen collection actively maintained and updated here

https://codepen.io/collection/DPOage

2.9.0

1 year ago

2.8.0

1 year ago

2.9.2

1 year ago

2.9.1

1 year ago

2.9.3

1 year ago

2.4.0

1 year ago

2.7.0

1 year ago

2.7.1

1 year ago

2.6.0

1 year ago

2.5.0

1 year ago

2.5.2

1 year ago

2.5.1

1 year ago

2.5.3

1 year ago

2.3.0

2 years ago

2.3.2

2 years ago

2.3.1

2 years ago

2.3.3

1 year ago

2.2.3

2 years ago

2.2.4

2 years ago

2.2.1

2 years ago

2.2.0

2 years ago

2.2.2

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.0

2 years ago

2.0.3

2 years ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.6

2 years ago

1.42.0

2 years ago

1.42.2

2 years ago

1.42.1

2 years ago

1.42.4

2 years ago

1.42.3

2 years ago

1.43.1

2 years ago

1.43.0

2 years ago

1.41.6

2 years ago

1.37.6

2 years ago

2.0.2

2 years ago

1.40.0

2 years ago

1.40.2

2 years ago

1.40.1

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.38.0

2 years ago

2.0.0-beta.2

2 years ago

1.41.1

2 years ago

1.41.0

2 years ago

1.41.3

2 years ago

2.0.0-beta.4

2 years ago

1.41.2

2 years ago

2.0.0-beta.3

2 years ago

1.41.5

2 years ago

1.41.4

2 years ago

1.39.1

2 years ago

1.39.2

2 years ago

1.39.0

2 years ago

1.39.3

2 years ago

1.37.3

2 years ago

1.37.4

2 years ago

1.37.5

2 years ago

1.37.0

2 years ago

1.37.1

2 years ago

1.37.2

2 years ago

1.36.0

2 years ago

2.0.0-beta.1

2 years ago

2.0.0-beta.0

2 years ago

1.35.4

2 years ago

1.35.3

2 years ago

1.35.2

3 years ago

1.35.1

3 years ago

1.35.0

3 years ago

1.34.1

3 years ago

1.34.0

3 years ago

1.33.3

3 years ago

1.33.2

3 years ago

1.33.1

3 years ago

1.33.0

3 years ago

1.32.0

3 years ago

1.31.2

3 years ago

1.31.1

3 years ago

1.31.0

3 years ago

1.30.4

3 years ago

1.30.3

3 years ago

1.30.2

3 years ago

1.30.0

3 years ago

1.30.1

3 years ago

1.29.1

3 years ago

1.29.2

3 years ago

1.29.0

3 years ago

1.28.2

3 years ago

1.28.1

3 years ago

1.28.0

3 years ago

1.27.0

3 years ago

1.26.3

3 years ago

2.0.0-alpha.7

3 years ago

1.26.2

3 years ago

1.26.1

3 years ago

1.26.0

3 years ago

1.25.0

3 years ago

1.24.3

3 years ago

2.0.0-alpha.6

3 years ago

1.24.2

3 years ago

1.23.0

3 years ago

1.24.1

3 years ago

1.24.0

3 years ago

1.22.0

3 years ago

1.22.1

3 years ago

1.21.0

3 years ago

2.0.0-alpha.5

3 years ago

1.20.1

3 years ago

1.20.0

3 years ago

2.0.0-alpha.4

3 years ago

1.19.4

3 years ago

1.19.3

3 years ago

1.19.2

3 years ago

1.19.1

3 years ago

1.19.0

3 years ago

2.0.0-alpha.3

3 years ago

1.18.12

3 years ago

2.0.0-alpha.2

3 years ago

2.0.0-alpha.0

3 years ago

2.0.0-alpha.1

3 years ago

1.19.0-alpha.5

3 years ago

1.19.0-alpha.4

3 years ago

1.19.0-alpha.3

3 years ago

1.19.0-alpha.2

3 years ago

1.19.0-alpha.1

3 years ago

1.19.0-alpha.0

3 years ago

1.18.11

3 years ago

1.18.10

3 years ago

1.18.9

3 years ago

1.18.8

3 years ago

1.18.7

3 years ago

1.18.6

3 years ago

1.18.5

3 years ago

1.18.4

3 years ago

1.18.3

3 years ago

1.18.2

3 years ago

1.18.1

3 years ago

1.18.0

3 years ago

1.18.0-beta.5

3 years ago

1.18.0-beta.4

3 years ago

1.18.0-beta.3

3 years ago

1.18.0-beta.2

3 years ago

1.18.0-beta.1

3 years ago

1.18.0-beta.0

3 years ago

1.17.12

4 years ago

1.17.11

4 years ago

1.17.10

4 years ago

1.18.0-alpha.14

4 years ago

1.17.9

4 years ago

1.18.0-alpha.13

4 years ago

1.18.0-alpha.12

4 years ago

1.17.8

4 years ago

1.18.0-alpha.11

4 years ago

1.18.0-alpha.10

4 years ago

1.18.0-alpha.9

4 years ago

1.18.0-alpha.8

4 years ago

1.18.0-alpha.7

4 years ago

1.18.0-alpha.2

4 years ago

1.18.0-alpha.5

4 years ago

1.18.0-alpha.6

4 years ago

1.18.0-alpha.3

4 years ago

1.18.0-alpha.4

4 years ago

1.18.0-alpha.1

4 years ago

1.17.7

4 years ago

1.18.0-alpha.0

4 years ago

1.17.6

4 years ago

1.17.5

4 years ago

1.17.4

4 years ago

1.17.3

4 years ago

1.17.2

4 years ago

1.17.1

4 years ago

1.17.0

4 years ago

1.17.0-beta.8

4 years ago

1.17.0-beta.7

4 years ago

1.17.0-beta.6

4 years ago

1.17.0-beta.5

4 years ago

1.17.0-beta.4

4 years ago

1.17.0-beta.3

4 years ago

1.17.0-beta.2

4 years ago

1.17.0-beta.1

4 years ago

1.17.0-beta.0

4 years ago

1.16.3

4 years ago

1.17.0-alpha.13

4 years ago

1.17.0-alpha.14

4 years ago

1.17.0-alpha.11

4 years ago

1.16.2

4 years ago

1.17.0-alpha.10

4 years ago

1.17.0-alpha.9

4 years ago

1.17.0-alpha.7

4 years ago

1.17.0-alpha.8

4 years ago

1.17.0-alpha.6

4 years ago

1.17.0-alpha.5

4 years ago

1.16.1

4 years ago

1.17.0-alpha.4

4 years ago

1.17.0-alpha.3

4 years ago

1.17.0-alpha.2

4 years ago

1.17.0-alpha.1

4 years ago

1.17.0-alpha.0

4 years ago

1.16.0

4 years ago

1.16.0-beta.5

4 years ago

1.16.0-beta.3

4 years ago

1.16.0-beta.4

4 years ago

1.16.0-beta.1

4 years ago

1.15.2

4 years ago

1.15.1

4 years ago

1.15.0

4 years ago

1.14.3

4 years ago

1.14.2

4 years ago

1.14.1

4 years ago

1.14.0

4 years ago

1.13.6

4 years ago

1.13.5

4 years ago

1.13.0

4 years ago

1.12.10

4 years ago

1.12.7

4 years ago

1.12.5

4 years ago

1.12.4

4 years ago

1.12.3

4 years ago

1.12.2

4 years ago

1.12.1

4 years ago

1.12.0

4 years ago

1.11.2

4 years ago

1.11.1

4 years ago

1.10.4

4 years ago

1.10.3

4 years ago