diff --git a/src/app/layout/passport/particle.ts b/src/app/layout/passport/particle.ts
new file mode 100644
index 00000000..719517b5
--- /dev/null
+++ b/src/app/layout/passport/particle.ts
@@ -0,0 +1,27 @@
+export default class Particle {
+  ParticleNetworkAnimation: any;
+  PNA: any;
+
+  
+
+  constructor() {
+    this.ParticleNetworkAnimation = this.PNA = function () {};
+  }
+
+  init() {
+    this.PNA.prototype.init = function (element: any) {
+      this.$el = document.getElementsByClassName(element);
+
+      this.container = element;
+      this.canvas = document.createElement('canvas');
+      this.sizeCanvas();
+      this.container.appendChild(this.canvas);
+      this.ctx = this.canvas.getContext('2d');
+    //   this.particleNetwork = new ParticleNetwork(this);
+
+      this.bindUiActions();
+
+      return this;
+    };
+  }
+}
diff --git a/src/assets/login/js/script.js b/src/assets/login/js/script.js
index 87f7ea7e..30412e3f 100644
--- a/src/assets/login/js/script.js
+++ b/src/assets/login/js/script.js
@@ -4,7 +4,8 @@
 	ParticleNetworkAnimation = PNA = function() {};
 
 	PNA.prototype.init = function(element) {
-		this.$el = $(element);
+		console.log(this);
+		this.$el =  document.getElementsByClassName(element);
 
 		this.container = element;
 		this.canvas = document.createElement('canvas');