diff --git a/visions/ui/index.html b/visions/ui/index.html
index e69de29..9fdc22d 100644
--- a/visions/ui/index.html
+++ b/visions/ui/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+ My first web component with typescript
+
+
+
+
+
+
diff --git a/visions/ui/src/app-component.ts b/visions/ui/src/app-component.ts
new file mode 100644
index 0000000..e3a4ed0
--- /dev/null
+++ b/visions/ui/src/app-component.ts
@@ -0,0 +1,21 @@
+import {html, css, LitElement} from 'lit';
+import {customElement, property} from 'lit/decorators.js';
+
+export class SimpleGreeting extends LitElement {
+ static styles = css`p { color: blue }`;
+ name: String;
+
+ static properties = {
+ name: { type: String }
+ };
+
+ constructor() {
+ super();
+ this.name = 'Somebody';
+ }
+
+ render() {
+ return html`Hello, ${this.name}!
`;
+ }
+}
+