riot-particles

    2.1.0 • Public • Published

    banner

    riot-particles

    npm npm downloads

    Official tsParticles RiotJS component

    Slack Discord Telegram

    tsParticles Product Hunt

    Installation

    npm install riot-particles

    or

    yarn add riot-particles

    Usage

    <riot-particles id="tsparticles" options='{{
            background: {
                color: "#000"
            },
            fullScreen: {
                enable: true
            },
            particles: {
                links: {
                    enable: true
                },
                move: {
                    enable: true
                }
            }
        }}' particlesInit='{async (main) => {
            console.log(main);
            
            // this loads the tsparticles package bundle, it is the easiest method for getting everything ready
            // starting from v2 you can add only the features you need reducing the bundle size
            await loadFull(main); 
        }}' particlesLoaded='{(container) => console.log(container)}'/>
    
    <script>
        import RiotParticles from "riot-particles";
        import { loadFull } from "tsparticles";
    
        export default {
            components: {
                RiotParticles
            }
        }
    </script>
    
    <!-- or -->
    
    <riot-particles
            id="tsparticles"
            url="https://foo.bar/particles.json"
            particlesInit='{async (main) => {
            console.log(main);
            
            // this loads the tsparticles package bundle, it is the easiest method for getting everything ready
            // starting from v2 you can add only the features you need reducing the bundle size
            await loadFull(main); 
        }}' particlesLoaded='{(container) => console.log(container)}'/>
    />

    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

    Install

    npm i riot-particles

    DownloadsWeekly Downloads

    10

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    202 kB

    Total Files

    9

    Last publish

    Collaborators

    • ar3s