diff --git a/package.json b/package.json
index 4b4444c..7593fce 100644
--- a/package.json
+++ b/package.json
@@ -75,7 +75,10 @@
"@angular/compiler": "2.4.9",
"@angular/compiler-cli": "2.4.9",
"@angular/core": "2.4.9",
+ "@angular/forms": "2.4.9",
"@angular/http": "2.4.9",
+ "@angular/platform-browser": "2.4.9",
+ "@angular/platform-browser-dynamic": "2.4.9",
"@angular/router": "3.4.9",
"@krux/condition-jenkins": "1.0.1",
"@types/jasmine": "2.5.43",
diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
new file mode 100644
index 0000000..4648147
--- /dev/null
+++ b/src/app/app-routing.module.ts
@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [{
+ path: '',
+ redirectTo: '',
+ pathMatch: 'full'
+}];
+
+@NgModule({
+ imports: [ RouterModule.forRoot(routes) ],
+ exports: [ RouterModule ]
+})
+export class AppRoutingModule {}
diff --git a/src/app/app.component.html b/src/app/app.component.html
new file mode 100644
index 0000000..cef472c
--- /dev/null
+++ b/src/app/app.component.html
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
new file mode 100644
index 0000000..fa9caa6
--- /dev/null
+++ b/src/app/app.component.scss
@@ -0,0 +1,3 @@
+.app {
+
+}
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
new file mode 100644
index 0000000..5a86bd5
--- /dev/null
+++ b/src/app/app.component.ts
@@ -0,0 +1,19 @@
+import { Component, ViewEncapsulation } from '@angular/core';
+
+/*
+ * App Component
+ * Top Level Component
+ */
+@Component({
+ encapsulation: ViewEncapsulation.None,
+ host: {'class': 'app app-component flex-container in-column-direction flex-grow-1'},
+ selector: 'demo-app',
+ styleUrls: ['./app.component.scss'],
+ templateUrl: './app.component.html'
+})
+export class AppComponent {
+
+ constructor() {}
+
+ ngOnInit() {}
+}
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
new file mode 100644
index 0000000..7ca57b7
--- /dev/null
+++ b/src/app/app.module.ts
@@ -0,0 +1,27 @@
+//import './rxjs-extensions';
+
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { FormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+
+// App components
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+
+// Main areas
+
+@NgModule({
+ imports: [
+ AppRoutingModule,
+ BrowserModule,
+ FormsModule,
+ HttpModule
+ ],
+ declarations: [
+ AppComponent
+ ],
+ providers: [],
+ bootstrap: [ AppComponent ]
+})
+export class AppModule { }
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
new file mode 100644
index 0000000..54268da
Binary files /dev/null and b/src/app/favicon.ico differ
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..36e0dbf
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,11 @@
+
+
+
+ NGX Widgets Demo
+
+
+
+
+ Loading...
+
+
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..0e57b75
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,11 @@
+// The usual bootstrapping imports
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+
+if (process.env.ENV === 'production') {
+ enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule);
diff --git a/src/polyfills.ts b/src/polyfills.ts
new file mode 100644
index 0000000..c9813a5
--- /dev/null
+++ b/src/polyfills.ts
@@ -0,0 +1,10 @@
+import 'core-js/es6';
+import 'reflect-metadata';
+require('zone.js/dist/zone');
+if (process.env.ENV === 'production') {
+ // Production
+} else {
+ // Development
+ Error['stackTraceLimit'] = Infinity;
+ require('zone.js/dist/long-stack-trace-zone');
+}
diff --git a/src/vendor.ts b/src/vendor.ts
new file mode 100644
index 0000000..a12437f
--- /dev/null
+++ b/src/vendor.ts
@@ -0,0 +1,21 @@
+// Angular 2
+import '@angular/common';
+//import '@angular/compiler';
+//import '@angular/compiler-cli';
+import '@angular/core';
+import '@angular/forms';
+import '@angular/http';
+import '@angular/platform-browser';
+import '@angular/platform-browser-dynamic';
+//import '@angular/platform-server';
+import '@angular/router';
+//import '@angular/upgrade';
+
+// RxJS
+import 'rxjs';
+
+// Other vendors for example jQuery, Lodash or Bootstrap
+// You can import js, ts, css, sass, ...
+
+// import 'patternfly-sass-with-css/assets/css/patternfly.css';
+