diff --git a/platform/viewer/src/components/StudyList/StudyList.js b/platform/viewer/src/components/StudyList/StudyList.js
new file mode 100644
index 000000000..1b96d1fcb
--- /dev/null
+++ b/platform/viewer/src/components/StudyList/StudyList.js
@@ -0,0 +1,18 @@
+import React from 'react';
+import Header from './components/Header';
+import StudyListFilter from './components/StudyListFilter';
+import StudyListTable from './components/StudyListTable';
+import StudyListPagination from './components/StudyListPagination';
+
+const StudyList = () => {
+  return (
+    <div>
+      <Header />
+      <StudyListFilter />
+      <StudyListTable />
+      <StudyListPagination />
+    </div>
+  );
+};
+
+export default StudyList;
diff --git a/platform/viewer/src/components/StudyList/components/Header.js b/platform/viewer/src/components/StudyList/components/Header.js
new file mode 100644
index 000000000..6b553bada
--- /dev/null
+++ b/platform/viewer/src/components/StudyList/components/Header.js
@@ -0,0 +1,10 @@
+import React from 'react';
+
+/**
+ * THIS FILE LOCATION IS TEMPORARY AND SHOULD NOT BE PLACED HERE
+ */
+const Header = () => {
+  return <div>{`<- HEADER CONTENT ->`}</div>;
+};
+
+export default Header;
diff --git a/platform/viewer/src/components/StudyList/components/StudyListFilter.js b/platform/viewer/src/components/StudyList/components/StudyListFilter.js
new file mode 100644
index 000000000..e6d3108a0
--- /dev/null
+++ b/platform/viewer/src/components/StudyList/components/StudyListFilter.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const StudyListFilter = () => {
+  return <div>{`<- STUDYLIST FILTER CONTENT ->`}</div>;
+};
+
+export default StudyListFilter;
diff --git a/platform/viewer/src/components/StudyList/components/StudyListPagination.js b/platform/viewer/src/components/StudyList/components/StudyListPagination.js
new file mode 100644
index 000000000..6bc2813e4
--- /dev/null
+++ b/platform/viewer/src/components/StudyList/components/StudyListPagination.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const StudyListPagination = () => {
+  return <div>{`<- PAGINATION CONTENT ->`}</div>;
+};
+
+export default StudyListPagination;
diff --git a/platform/viewer/src/components/StudyList/components/StudyListTable.js b/platform/viewer/src/components/StudyList/components/StudyListTable.js
new file mode 100644
index 000000000..d0ce69110
--- /dev/null
+++ b/platform/viewer/src/components/StudyList/components/StudyListTable.js
@@ -0,0 +1,7 @@
+import React from 'react';
+
+const StudyListTable = () => {
+  return <div>{`<- STUDYLIST TABLE CONTENT ->`}</div>;
+};
+
+export default StudyListTable;
diff --git a/platform/viewer/src/components/StudyList/index.js b/platform/viewer/src/components/StudyList/index.js
new file mode 100644
index 000000000..faef4d2b0
--- /dev/null
+++ b/platform/viewer/src/components/StudyList/index.js
@@ -0,0 +1 @@
+export { default as StudyList } from './StudyList';
diff --git a/platform/viewer/src/connectedComponents/ConnectedStudyList.js b/platform/viewer/src/connectedComponents/ConnectedStudyList.js
new file mode 100644
index 000000000..0e8160ec9
--- /dev/null
+++ b/platform/viewer/src/connectedComponents/ConnectedStudyList.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import StudyList from '../components/StudyList/StudyList';
+
+const ConnectedStudyList = () => {
+  return <StudyList />;
+};
+
+export default ConnectedStudyList;