diff --git a/src/Components/AddToCanvasInput/AddToCanvasInput.css b/src/Components/AddToCanvasInput/AddToCanvasInput.css
new file mode 100644
index 0000000..c483210
--- /dev/null
+++ b/src/Components/AddToCanvasInput/AddToCanvasInput.css
@@ -0,0 +1,3 @@
+.drag-container {
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/src/Components/AddToCanvasInput/AddToCanvasInput.tsx b/src/Components/AddToCanvasInput/AddToCanvasInput.tsx
new file mode 100644
index 0000000..0e01952
--- /dev/null
+++ b/src/Components/AddToCanvasInput/AddToCanvasInput.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import './AddToCanvasInput.css';
+
+interface AddToCanvasInputProps {
+
+}
+interface AddToCanvasInputState {
+}
+
+export class AddToCanvasInput extends React.Component<AddToCanvasInputProps, AddToCanvasInputState> {
+    constructor(props: AddToCanvasInputProps) {
+        super(props);
+
+    }
+
+
+    render() {
+    }
+}
\ No newline at end of file
diff --git a/src/Components/AddToCanvasInput/index.ts b/src/Components/AddToCanvasInput/index.ts
new file mode 100644
index 0000000..5c2f5ed
--- /dev/null
+++ b/src/Components/AddToCanvasInput/index.ts
@@ -0,0 +1 @@
+export { AddToCanvasInput } from './AddToCanvasInput';
\ No newline at end of file
diff --git a/src/Components/CanvasArea/CanvasArea.css b/src/Components/CanvasArea/CanvasArea.css
new file mode 100644
index 0000000..c483210
--- /dev/null
+++ b/src/Components/CanvasArea/CanvasArea.css
@@ -0,0 +1,3 @@
+.drag-container {
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/src/Components/CanvasArea/CanvasArea.tsx b/src/Components/CanvasArea/CanvasArea.tsx
new file mode 100644
index 0000000..e92a31d
--- /dev/null
+++ b/src/Components/CanvasArea/CanvasArea.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import './CanvasArea.css';
+
+interface CanvasAreaProps {
+
+}
+interface CanvasAreaState {
+}
+
+export class CanvasArea extends React.Component<CanvasAreaProps, CanvasAreaState> {
+    constructor(props: CanvasAreaProps) {
+        super(props);
+
+    }
+
+
+    render() {
+    }
+}
\ No newline at end of file
diff --git a/src/Components/CanvasArea/index.ts b/src/Components/CanvasArea/index.ts
new file mode 100644
index 0000000..5b9b7df
--- /dev/null
+++ b/src/Components/CanvasArea/index.ts
@@ -0,0 +1 @@
+export { CanvasArea } from './CanvasArea';
\ No newline at end of file
diff --git a/src/Components/Sidebar/Sidebar.css b/src/Components/Sidebar/Sidebar.css
new file mode 100644
index 0000000..c483210
--- /dev/null
+++ b/src/Components/Sidebar/Sidebar.css
@@ -0,0 +1,3 @@
+.drag-container {
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/src/Components/Sidebar/Sidebar.tsx b/src/Components/Sidebar/Sidebar.tsx
new file mode 100644
index 0000000..89c0105
--- /dev/null
+++ b/src/Components/Sidebar/Sidebar.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import './Sidebar.css';
+
+interface SidebarProps {
+
+}
+interface SidebarState {
+}
+
+export class Sidebar extends React.Component<SidebarProps, SidebarState> {
+    constructor(props: SidebarProps) {
+        super(props);
+
+    }
+
+
+    render() {
+    }
+}
\ No newline at end of file
diff --git a/src/Components/Sidebar/index.ts b/src/Components/Sidebar/index.ts
new file mode 100644
index 0000000..25f5c06
--- /dev/null
+++ b/src/Components/Sidebar/index.ts
@@ -0,0 +1 @@
+export { Sidebar } from './Sidebar';
\ No newline at end of file
diff --git a/src/Components/UploadResourcesInput/UploadResourcesInput.css b/src/Components/UploadResourcesInput/UploadResourcesInput.css
new file mode 100644
index 0000000..c483210
--- /dev/null
+++ b/src/Components/UploadResourcesInput/UploadResourcesInput.css
@@ -0,0 +1,3 @@
+.drag-container {
+    overflow: hidden;
+}
\ No newline at end of file
diff --git a/src/Components/UploadResourcesInput/UploadResourcesInput.tsx b/src/Components/UploadResourcesInput/UploadResourcesInput.tsx
new file mode 100644
index 0000000..7c964c3
--- /dev/null
+++ b/src/Components/UploadResourcesInput/UploadResourcesInput.tsx
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import './UploadResourcesInput.css';
+
+interface UploadResourcesInputProps {
+
+}
+interface UploadResourcesInputState {
+}
+
+export class UploadResourcesInput extends React.Component<UploadResourcesInputProps, UploadResourcesInputState> {
+    constructor(props: UploadResourcesInputProps) {
+        super(props);
+
+    }
+
+
+    render() {
+    }
+}
\ No newline at end of file
diff --git a/src/Components/UploadResourcesInput/index.ts b/src/Components/UploadResourcesInput/index.ts
new file mode 100644
index 0000000..d449ff5
--- /dev/null
+++ b/src/Components/UploadResourcesInput/index.ts
@@ -0,0 +1 @@
+export { UploadResourcesInput } from './UploadResourcesInput';
\ No newline at end of file