ngx-particles.js

A lightweight particle backgrounds plugin for Angular

• Demo
• v1 Document

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