ngx-particlesjs

[![npm](https://img.shields.io/npm/v/ngx-particlesjs.svg)](https://www.npmjs.com/package/ngx-particlesjs) [![npm](https://img.shields.io/npm/dm/ngx-particlesjs.svg)](https://www.npmjs.com/package/ngx-particlesjs) [![TypeScript](https://img.shields.io/badg

Usage no npm install needed!

<script type="module">
  import ngxParticlesjs from 'https://cdn.skypack.dev/ngx-particlesjs';
</script>

README

ngx-particles.js

npm npm TypeScript GitHub license

A lightweight particle backgrounds plugin for Angular

Install

# npm install ngx-particlesjs --save

Usually

used on templates

<ngx-particle [total]="total" [default_height]="300" [default_width]="300" [args]="args"></ngx-particle>

Defining components

export class AppComponent {
  total = 150;
  args = {
    speed: 'fast',
    size: 1.2
  }
}

@Input Attributes

  • total particle number, default 150
  • default_width default stage width
  • default_height default stage height
  • args (not necessary)
    • speed particle motion speed, default normal, you can set fast normal slow, can also be customized [2,2], the higher the value, the slower the motion
    • size particle size