diff --git a/src/app/app.ts b/src/app/app.ts
index a4f02d0..7b0ccf8 100644
--- a/src/app/app.ts
+++ b/src/app/app.ts
@@ -7,15 +7,15 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 import { MatToolbarModule } from '@angular/material/toolbar';
 import { RouterOutlet } from '@angular/router';
 import * as yaml from 'js-yaml';
-import { Config, ModuleConfig, RouteConfig } from './models/config.models';
-import { ConfigService } from './services/config.service';
-import { EventsService } from './services/events.service';
-import { SchemaService } from './services/schema.service';
-import { SettingsService } from './services/settings.service';
+import { Config, ModuleConfig, RouteConfig } from './models/config';
+import { ConfigService } from './services/config';
+import { EventsService } from './services/events';
+import { SchemaService } from './services/schema';
+import { SettingsService } from './services/settings';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { ModuleListComponent } from './components/module-list/module-list.component';
-import { RouteListComponent } from './components/route-list/route-list.component';
-import { ConfigPreviewComponent } from './components/config-preview/config-preview.component';
+import { ModuleListComponent } from './components/module-list/module-list';
+import { RouteListComponent } from './components/route-list/route-list';
+import { ConfigPreviewComponent } from './components/config-preview/config-preview';
 
 @Component({
   selector: 'app-root',
diff --git a/src/app/components/array-form/array-form.component.css b/src/app/components/array-form/array-form.css
similarity index 100%
rename from src/app/components/array-form/array-form.component.css
rename to src/app/components/array-form/array-form.css
diff --git a/src/app/components/array-form/array-form.component.html b/src/app/components/array-form/array-form.html
similarity index 100%
rename from src/app/components/array-form/array-form.component.html
rename to src/app/components/array-form/array-form.html
diff --git a/src/app/components/array-form/array-form.component.ts b/src/app/components/array-form/array-form.ts
similarity index 91%
rename from src/app/components/array-form/array-form.component.ts
rename to src/app/components/array-form/array-form.ts
index 271bd24..7b0a729 100644
--- a/src/app/components/array-form/array-form.component.ts
+++ b/src/app/components/array-form/array-form.ts
@@ -2,15 +2,15 @@ import { CdkDrag, CdkDragDrop, CdkDropList, moveItemInArray } from '@angular/cdk
 import { Component, inject, Input, OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { MatIconModule } from '@angular/material/icon';
-import { ParamInfo } from '../../models/form.model';
-import { ListsService } from '../../services/lists.service';
-import { SchemaService } from '../../services/schema.service';
+import { ParamInfo } from '../../models/form';
+import { ListsService } from '../../services/lists';
+import { SchemaService } from '../../services/schema';
 import { parseStringToArray } from '../../utils/params';
 
 @Component({
   selector: 'app-array-form',
-  templateUrl: './array-form.component.html',
-  styleUrl: './array-form.component.css',
+  templateUrl: './array-form.html',
+  styleUrl: './array-form.css',
   imports: [MatIconModule, FormsModule, CdkDrag, CdkDropList],
   standalone: true,
 })
diff --git a/src/app/components/config-preview/config-preview.component.css b/src/app/components/config-preview/config-preview.css
similarity index 100%
rename from src/app/components/config-preview/config-preview.component.css
rename to src/app/components/config-preview/config-preview.css
diff --git a/src/app/components/config-preview/config-preview.component.html b/src/app/components/config-preview/config-preview.html
similarity index 100%
rename from src/app/components/config-preview/config-preview.component.html
rename to src/app/components/config-preview/config-preview.html
diff --git a/src/app/components/config-preview/config-preview.component.ts b/src/app/components/config-preview/config-preview.ts
similarity index 92%
rename from src/app/components/config-preview/config-preview.component.ts
rename to src/app/components/config-preview/config-preview.ts
index 4347027..e0ab722 100644
--- a/src/app/components/config-preview/config-preview.component.ts
+++ b/src/app/components/config-preview/config-preview.ts
@@ -1,7 +1,7 @@
 import { JsonPipe } from '@angular/common';
 import { Component, computed, input } from '@angular/core';
 import * as yaml from 'js-yaml';
-import { Config } from '../../models/config.models';
+import { Config } from '../../models/config';
 import { MatIcon, MatIconModule } from "@angular/material/icon";
 import { MatButtonModule } from '@angular/material/button';
 import { MatTooltipModule } from '@angular/material/tooltip';
@@ -13,8 +13,8 @@ import { MatTooltipModule } from '@angular/material/tooltip';
     MatButtonModule,
     MatTooltipModule
 ],
-  templateUrl: './config-preview.component.html',
-  styleUrl: './config-preview.component.css',
+  templateUrl: './config-preview.html',
+  styleUrl: './config-preview.css',
 })
 export class ConfigPreviewComponent {
   config = input<Config | undefined>();
diff --git a/src/app/components/module-list/module-list.component.css b/src/app/components/module-list/module-list.css
similarity index 100%
rename from src/app/components/module-list/module-list.component.css
rename to src/app/components/module-list/module-list.css
diff --git a/src/app/components/module-list/module-list.component.html b/src/app/components/module-list/module-list.html
similarity index 100%
rename from src/app/components/module-list/module-list.component.html
rename to src/app/components/module-list/module-list.html
diff --git a/src/app/components/module-list/module-list.component.ts b/src/app/components/module-list/module-list.ts
similarity index 87%
rename from src/app/components/module-list/module-list.component.ts
rename to src/app/components/module-list/module-list.ts
index a0f2655..3e989de 100644
--- a/src/app/components/module-list/module-list.component.ts
+++ b/src/app/components/module-list/module-list.ts
@@ -1,8 +1,8 @@
 import { Component, inject, model } from '@angular/core';
-import { ModuleComponent } from '../module/module.component';
+import { ModuleComponent } from '../module/module';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { ModuleConfig } from '../../models/config.models';
-import { SchemaService } from '../../services/schema.service';
+import { ModuleConfig } from '../../models/config';
+import { SchemaService } from '../../services/schema';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
@@ -17,8 +17,8 @@ import { MatTooltipModule } from '@angular/material/tooltip';
     MatTooltipModule,
     ModuleComponent
   ],
-  templateUrl: './module-list.component.html',
-  styleUrl: './module-list.component.css',
+  templateUrl: './module-list.html',
+  styleUrl: './module-list.css',
 })
 export class ModuleListComponent {
   modules = model<ModuleConfig[]>();
diff --git a/src/app/components/module/module.component.css b/src/app/components/module/module.css
similarity index 100%
rename from src/app/components/module/module.component.css
rename to src/app/components/module/module.css
diff --git a/src/app/components/module/module.component.html b/src/app/components/module/module.html
similarity index 100%
rename from src/app/components/module/module.component.html
rename to src/app/components/module/module.html
diff --git a/src/app/components/module/module.component.ts b/src/app/components/module/module.ts
similarity index 90%
rename from src/app/components/module/module.component.ts
rename to src/app/components/module/module.ts
index 09febd6..cf2b916 100644
--- a/src/app/components/module/module.component.ts
+++ b/src/app/components/module/module.ts
@@ -3,14 +3,14 @@ import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angula
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
-import { ModuleConfig } from '../../models/config.models';
-import { SchemaService } from '../../services/schema.service';
-import { ParamsFormComponent } from '../params-form/params-form.component';
+import { ModuleConfig } from '../../models/config';
+import { SchemaService } from '../../services/schema';
+import { ParamsFormComponent } from '../params-form/params-form';
 import { JsonPipe } from '@angular/common';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { EventsService } from '../../services/events.service';
+import { EventsService } from '../../services/events';
 import { tap, debounceTime } from 'rxjs';
-import { ConfigService } from '../../services/config.service';
+import { ConfigService } from '../../services/config';
 
 @Component({
   selector: 'app-module',
@@ -23,8 +23,8 @@ import { ConfigService } from '../../services/config.service';
     MatTooltipModule,
     JsonPipe,
   ],
-  templateUrl: './module.component.html',
-  styleUrl: './module.component.css',
+  templateUrl: './module.html',
+  styleUrl: './module.css',
 })
 export class ModuleComponent {
   path = input<string>('');
diff --git a/src/app/components/params-form/params-form.component.css b/src/app/components/params-form/params-form.css
similarity index 100%
rename from src/app/components/params-form/params-form.component.css
rename to src/app/components/params-form/params-form.css
diff --git a/src/app/components/params-form/params-form.component.html b/src/app/components/params-form/params-form.html
similarity index 100%
rename from src/app/components/params-form/params-form.component.html
rename to src/app/components/params-form/params-form.html
diff --git a/src/app/components/params-form/params-form.component.spec.ts b/src/app/components/params-form/params-form.spec.ts
similarity index 95%
rename from src/app/components/params-form/params-form.component.spec.ts
rename to src/app/components/params-form/params-form.spec.ts
index ec1ac7c..9603818 100644
--- a/src/app/components/params-form/params-form.component.spec.ts
+++ b/src/app/components/params-form/params-form.spec.ts
@@ -1,6 +1,6 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing'
-import { ParamsFormComponent } from './params-form.component';
-import { SchemaService } from '../../services/schema.service';
+import { ParamsFormComponent } from './params-form';
+import { SchemaService } from '../../services/schema';
 import { SomeJSONSchema } from 'ajv/dist/types/json-schema';
 
 describe('ParamsForm', ()=>{
diff --git a/src/app/components/params-form/params-form.component.ts b/src/app/components/params-form/params-form.ts
similarity index 93%
rename from src/app/components/params-form/params-form.component.ts
rename to src/app/components/params-form/params-form.ts
index 8e3342a..ef90284 100644
--- a/src/app/components/params-form/params-form.component.ts
+++ b/src/app/components/params-form/params-form.ts
@@ -9,14 +9,14 @@ import { MatTooltipModule } from '@angular/material/tooltip';
 import { SomeJSONSchema } from 'ajv/dist/types/json-schema';
 import { cloneDeep, has, isEqual } from 'lodash-es';
 import { Subscription } from 'rxjs';
-import { ParamInfo, ParamsFormInfo } from '../../models/form.model';
-import { SchemaService } from '../../services/schema.service';
+import { ParamInfo, ParamsFormInfo } from '../../models/form';
+import { SchemaService } from '../../services/schema';
 import { cleanParams, schemaToParamsFormInfo } from '../../utils/params';
-import { ArrayFormComponent } from '../array-form/array-form.component';
+import { ArrayFormComponent } from '../array-form/array-form';
 @Component({
   selector: 'app-params-form',
-  templateUrl: './params-form.component.html',
-  styleUrls: ['./params-form.component.css'],
+  templateUrl: './params-form.html',
+  styleUrls: ['./params-form.css'],
   imports: [
     MatIconModule,
     MatTooltipModule,
diff --git a/src/app/components/processor/processor.component.css b/src/app/components/processor/processor.css
similarity index 100%
rename from src/app/components/processor/processor.component.css
rename to src/app/components/processor/processor.css
diff --git a/src/app/components/processor/processor.component.html b/src/app/components/processor/processor.html
similarity index 100%
rename from src/app/components/processor/processor.component.html
rename to src/app/components/processor/processor.html
diff --git a/src/app/components/processor/processor.component.ts b/src/app/components/processor/processor.ts
similarity index 83%
rename from src/app/components/processor/processor.component.ts
rename to src/app/components/processor/processor.ts
index a8362f2..5c05cd6 100644
--- a/src/app/components/processor/processor.component.ts
+++ b/src/app/components/processor/processor.ts
@@ -1,15 +1,15 @@
 import { Component, computed, inject, input, model, output, signal } from '@angular/core';
-import { ProcessorConfig } from '../../models/config.models';
-import { SchemaService } from '../../services/schema.service';
+import { ProcessorConfig } from '../../models/config';
+import { SchemaService } from '../../services/schema';
 import { MatIconModule } from '@angular/material/icon';
-import { ParamsFormComponent } from '../params-form/params-form.component';
+import { ParamsFormComponent } from '../params-form/params-form';
 import { ReactiveFormsModule } from '@angular/forms';
 
 @Component({
   selector: 'app-processor',
   imports: [MatIconModule, ParamsFormComponent, ReactiveFormsModule],
-  templateUrl: './processor.component.html',
-  styleUrl: './processor.component.css',
+  templateUrl: './processor.html',
+  styleUrl: './processor.css',
 })
 export class ProcessorComponent {
   path = input<string>('');
diff --git a/src/app/components/route-list/route-list.component.css b/src/app/components/route-list/route-list.css
similarity index 100%
rename from src/app/components/route-list/route-list.component.css
rename to src/app/components/route-list/route-list.css
diff --git a/src/app/components/route-list/route-list.component.html b/src/app/components/route-list/route-list.html
similarity index 100%
rename from src/app/components/route-list/route-list.component.html
rename to src/app/components/route-list/route-list.html
diff --git a/src/app/components/route-list/route-list.component.ts b/src/app/components/route-list/route-list.ts
similarity index 86%
rename from src/app/components/route-list/route-list.component.ts
rename to src/app/components/route-list/route-list.ts
index ab76623..e760b70 100644
--- a/src/app/components/route-list/route-list.component.ts
+++ b/src/app/components/route-list/route-list.ts
@@ -1,8 +1,8 @@
 import { Component, inject, input, model } from '@angular/core';
 import { MatSnackBar } from '@angular/material/snack-bar';
-import { ModuleConfig, RouteConfig } from '../../models/config.models';
-import { SchemaService } from '../../services/schema.service';
-import { RouteComponent } from '../route/route.component';
+import { ModuleConfig, RouteConfig } from '../../models/config';
+import { SchemaService } from '../../services/schema';
+import { RouteComponent } from '../route/route';
 import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
@@ -17,8 +17,8 @@ import { MatTooltipModule } from '@angular/material/tooltip';
     MatButtonModule,
     MatTooltipModule,
   ],
-  templateUrl: './route-list.component.html',
-  styleUrl: './route-list.component.css',
+  templateUrl: './route-list.html',
+  styleUrl: './route-list.css',
 })
 export class RouteListComponent {
 
diff --git a/src/app/components/route/route.component.css b/src/app/components/route/route.css
similarity index 100%
rename from src/app/components/route/route.component.css
rename to src/app/components/route/route.css
diff --git a/src/app/components/route/route.component.html b/src/app/components/route/route.html
similarity index 100%
rename from src/app/components/route/route.component.html
rename to src/app/components/route/route.html
diff --git a/src/app/components/route/route.component.ts b/src/app/components/route/route.ts
similarity index 92%
rename from src/app/components/route/route.component.ts
rename to src/app/components/route/route.ts
index 39a35f4..ab3dd2e 100644
--- a/src/app/components/route/route.component.ts
+++ b/src/app/components/route/route.ts
@@ -3,15 +3,15 @@ import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angula
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
-import { ProcessorConfig, RouteConfig } from '../../models/config.models';
-import { SchemaService } from '../../services/schema.service';
+import { ProcessorConfig, RouteConfig } from '../../models/config';
+import { SchemaService } from '../../services/schema';
 import { JsonPipe } from '@angular/common';
-import { ProcessorComponent } from '../processor/processor.component';
+import { ProcessorComponent } from '../processor/processor';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { EventsService } from '../../services/events.service';
+import { EventsService } from '../../services/events';
 import { debounceTime, tap } from 'rxjs';
-import { ConfigService } from '../../services/config.service';
+import { ConfigService } from '../../services/config';
 
 @Component({
   selector: 'app-route',
@@ -24,8 +24,8 @@ import { ConfigService } from '../../services/config.service';
     ProcessorComponent,
     MatTooltipModule,
   ],
-  templateUrl: './route.component.html',
-  styleUrl: './route.component.css',
+  templateUrl: './route.html',
+  styleUrl: './route.css',
 })
 export class RouteComponent {
   path = input<string>('');
diff --git a/src/app/models/config.models.ts b/src/app/models/config.ts
similarity index 100%
rename from src/app/models/config.models.ts
rename to src/app/models/config.ts
diff --git a/src/app/models/events.models.ts b/src/app/models/events.ts
similarity index 85%
rename from src/app/models/events.models.ts
rename to src/app/models/events.ts
index d276ebd..aa5b958 100644
--- a/src/app/models/events.models.ts
+++ b/src/app/models/events.ts
@@ -1,4 +1,4 @@
-import { Config } from "./config.models"
+import { Config } from "./config"
 
 export type RouterEvent<T, D> = {
     type: T,
diff --git a/src/app/models/form.model.ts b/src/app/models/form.ts
similarity index 100%
rename from src/app/models/form.model.ts
rename to src/app/models/form.ts
diff --git a/src/app/services/config.service.ts b/src/app/services/config.ts
similarity index 95%
rename from src/app/services/config.service.ts
rename to src/app/services/config.ts
index 835f994..b05963a 100644
--- a/src/app/services/config.service.ts
+++ b/src/app/services/config.ts
@@ -1,10 +1,10 @@
 import { computed, effect, inject, Injectable, signal } from '@angular/core';
 import { cloneDeep, isEqual } from 'lodash-es';
-import { Config, ConfigError, ModuleError, RouteError } from '../models/config.models';
-import { SchemaService } from './schema.service';
+import { Config, ConfigError, ModuleError, RouteError } from '../models/config';
+import { SchemaService } from './schema';
 import { HttpClient } from '@angular/common/http';
-import { SettingsService } from './settings.service';
-import { EventsService } from './events.service';
+import { SettingsService } from './settings';
+import { EventsService } from './events';
 @Injectable({
   providedIn: 'root',
 })
diff --git a/src/app/services/events.service.ts b/src/app/services/events.ts
similarity index 96%
rename from src/app/services/events.service.ts
rename to src/app/services/events.ts
index 8c31971..e3ec4db 100644
--- a/src/app/services/events.service.ts
+++ b/src/app/services/events.ts
@@ -4,9 +4,9 @@ import {
   OutputEventData,
   RouteEventData,
   RouterEvent,
-} from '../models/events.models';
+} from '../models/events';
 import { filter, Subject } from 'rxjs';
-import { SettingsService } from './settings.service';
+import { SettingsService } from './settings';
 @Injectable({
   providedIn: 'root',
 })
diff --git a/src/app/services/lists.service.ts b/src/app/services/lists.ts
similarity index 100%
rename from src/app/services/lists.service.ts
rename to src/app/services/lists.ts
diff --git a/src/app/services/schema.service.ts b/src/app/services/schema.ts
similarity index 97%
rename from src/app/services/schema.service.ts
rename to src/app/services/schema.ts
index f24e4b5..f27d8b2 100644
--- a/src/app/services/schema.service.ts
+++ b/src/app/services/schema.ts
@@ -11,10 +11,10 @@ import {
 import { Ajv2020, JSONSchemaType } from 'ajv/dist/2020';
 import { SomeJSONSchema } from 'ajv/dist/types/json-schema';
 import { sortBy } from 'lodash-es';
-import { Config, ModuleConfig, ProcessorConfig, RouteConfig } from '../models/config.models';
-import { ObjectInfo, ParamsFormInfo } from '../models/form.model';
-import { SettingsService } from './settings.service';
-import { EventsService } from './events.service';
+import { Config, ModuleConfig, ProcessorConfig, RouteConfig } from '../models/config';
+import { ObjectInfo, ParamsFormInfo } from '../models/form';
+import { SettingsService } from './settings';
+import { EventsService } from './events';
 
 @Injectable({
   providedIn: 'root',
diff --git a/src/app/services/settings.service.ts b/src/app/services/settings.ts
similarity index 100%
rename from src/app/services/settings.service.ts
rename to src/app/services/settings.ts
diff --git a/src/app/utils/params.spec.ts b/src/app/utils/params.spec.ts
index 5b76548..743706a 100644
--- a/src/app/utils/params.spec.ts
+++ b/src/app/utils/params.spec.ts
@@ -1,5 +1,5 @@
 import { SomeJSONSchema } from 'ajv/dist/types/json-schema';
-import { ParamsFormInfo } from '../models/form.model';
+import { ParamsFormInfo } from '../models/form';
 import { FormGroup, FormControl } from '@angular/forms';
 import { schemaToParamsFormInfo } from './params';
 
diff --git a/src/app/utils/params.ts b/src/app/utils/params.ts
index 3e43398..993ae30 100644
--- a/src/app/utils/params.ts
+++ b/src/app/utils/params.ts
@@ -1,6 +1,6 @@
 import { FormGroup, ValidatorFn, Validators, FormControl, AbstractControl, ValidationErrors } from "@angular/forms";
 import { SomeJSONSchema } from "ajv/dist/types/json-schema";
-import { ParamsFormInfo } from "../models/form.model";
+import { ParamsFormInfo } from "../models/form";
 
 export function schemaToParamsFormInfo(schema: SomeJSONSchema): ParamsFormInfo {
   const paramsFormInfo: ParamsFormInfo = {