diff --git a/src/app/core/modules/form/.gitignore b/src/app/core/modules/form/.gitignore
new file mode 100644
index 0000000..6704566
--- /dev/null
+++ b/src/app/core/modules/form/.gitignore
@@ -0,0 +1,104 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
diff --git a/src/app/core/modules/form/LICENSE b/src/app/core/modules/form/LICENSE
new file mode 100644
index 0000000..1f36971
--- /dev/null
+++ b/src/app/core/modules/form/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2014 - 2022 Web Art Work
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/src/app/core/modules/form/README.md b/src/app/core/modules/form/README.md
new file mode 100644
index 0000000..4246b5a
--- /dev/null
+++ b/src/app/core/modules/form/README.md
@@ -0,0 +1,22 @@
+# ngx-form
+
+## Step 1: Installation
+### In root/client you write:
+```
+waw add ngx-form
+```
+
+## Step 2: Import FormsService
+### In page.module.ts you must imported:
+```
+import { FormService } from 'src/app/modules/forms/form.service';
+
+	constructor(public fm: FormService) {}
+}
+```
+
+## Step 3: Use button, and modal function
+### In page.component.html you write this code outside of others:
+```
+<button (click)='fm.modal(form)'>+</button>
+```
diff --git a/src/app/core/modules/form/form-component/form-component.component.html b/src/app/core/modules/form/form-component/form-component.component.html
index 4d78208..6461682 100644
--- a/src/app/core/modules/form/form-component/form-component.component.html
+++ b/src/app/core/modules/form/form-component/form-component.component.html
@@ -17,7 +17,9 @@
 	</div>
 </ng-container>
 
-<ng-container *ngIf="component.name && template">
+<ng-container
+	*ngIf="component.name && template && (!component.key || localKey && localSubmition)"
+>
 	<div class="form-container">
 		<ng-container
 			*ngTemplateOutlet="
@@ -27,7 +29,8 @@
 						field: field,
 						config: config,
 						component: component,
-						submition: submition,
+						key: localKey,
+						submition: localSubmition,
 						wSubmit: submit.bind(this),
 						wChange: change.bind(this),
 						wClick: click.bind(this)
diff --git a/src/app/core/modules/form/form-component/form-component.component.ts b/src/app/core/modules/form/form-component/form-component.component.ts
index b01b317..4346991 100644
--- a/src/app/core/modules/form/form-component/form-component.component.ts
+++ b/src/app/core/modules/form/form-component/form-component.component.ts
@@ -54,6 +54,10 @@ export class FormComponentComponent implements OnInit {
 
 	field: Record<string, unknown> = {};
 
+	localKey: string;
+
+	localSubmition: Record<string, unknown>;
+
 	constructor(private _form: FormService) {}
 
 	ngOnInit(): void {
@@ -62,5 +66,73 @@ export class FormComponentComponent implements OnInit {
 				this.field[field.name] = field.value;
 			}
 		}
+
+		this.localSubmition = this.submition;
+
+		const keys = (this.component.key || '')?.split('.');
+
+		while (keys.length > 1) {
+			let key = keys.shift() as string;
+
+			if (key.endsWith('[]')) {
+				key = key.replace('[]', '');
+
+				const index = this._getIndex();
+
+				this.localSubmition[key] = (this.localSubmition[key] ||
+					[]) as Record<string, unknown>[];
+
+				while (
+					index + 1 >
+					(this.localSubmition[key] as Record<string, unknown>[])
+						.length
+				) {
+					(
+						this.localSubmition[key] as Record<string, unknown>[]
+					).push({});
+				}
+
+				this.localSubmition = (
+					this.localSubmition[key] as Record<string, unknown>[]
+				)[index];
+			} else {
+				this.localSubmition = this.localSubmition[
+					this.localKey
+				] as Record<string, unknown>;
+			}
+		}
+
+		this.localKey = keys[0];
+	}
+
+	private _getIndex(components = this.config.components): number {
+		for (const component of components) {
+			if (component.components) {
+				const localIndex = this._getIndex(component.components);
+
+				if (localIndex >= 0) {
+					for (let i = 0; i < component.components.length; i++) {
+						for (const comp of component.components[i]
+							.components as Record<string, unknown>[]) {
+							if (comp === this.component) {
+								return i;
+							}
+						}
+					}
+				}
+
+				if (
+					component?.components?.indexOf(
+						this.component as unknown as any
+					) >= 0
+				) {
+					return component.components.indexOf(
+						this.component as unknown as any
+					);
+				}
+			}
+		}
+
+		return -1;
 	}
 }
diff --git a/src/app/core/modules/form/form.service.ts b/src/app/core/modules/form/form.service.ts
index a336a6c..a566b53 100644
--- a/src/app/core/modules/form/form.service.ts
+++ b/src/app/core/modules/form/form.service.ts
@@ -6,16 +6,15 @@ import {
 	Injector,
 	Type
 } from '@angular/core';
-import { StoreService } from 'wacom';
+import { ModalService, StoreService } from 'wacom';
 import { TemplateFieldInterface } from './interfaces/component.interface';
-import { ModalService } from 'src/app/core/modules/modal/modal.service';
 import { FormInterface } from './interfaces/form.interface';
 import { ModalFormComponent } from './modals/modal-form/modal-form.component';
 import { TranslateService } from '../translate/translate.service';
 import { ModalUniqueComponent } from './modals/modal-unique/modal-unique.component';
-import { Modal } from '../modal/modal.interface';
 import { environment } from 'src/environments/environment';
 import { CustomformService } from 'src/app/modules/customform/services/customform.service';
+import { Modal } from 'wacom/lib/interfaces/modal.interface';
 
 export interface FormModalButton {
 	/** Function to execute on button click */
diff --git a/src/app/core/modules/form/module.json b/src/app/core/modules/form/module.json
new file mode 100644
index 0000000..1dd6c63
--- /dev/null
+++ b/src/app/core/modules/form/module.json
@@ -0,0 +1,3 @@
+{
+    "repo": "git@github.com:WebArtWork/ngx-form.git"
+}