diff --git a/src/App.js b/src/App.js
index 5cbbbc66b..53da2f987 100755
--- a/src/App.js
+++ b/src/App.js
@@ -112,6 +112,7 @@ const ScheduledMonitoring = lazyRetry(
 const WorkflowsMonitoring = lazyRetry(
   () => import('./components/ProjectsJobsMonitoring/WorkflowsMonitoring/WorkflowsMonitoring')
 )
+const Documents = lazyRetry(() => import('./components/Documents/Documents'))
 
 const App = () => {
   const { isNuclioModeDisabled } = useNuclioMode()
@@ -287,6 +288,11 @@ const App = () => {
               <Route path={path} element={<Files />} />
             </Fragment>
           ))}
+          {['projects/:projectName/documents'].map((path, index) => (
+            <Fragment key={index}>
+              <Route path={path} element={<Documents />} />
+            </Fragment>
+          ))}
           <Route path="*" element={<Navigate replace to="projects" />} />
           <Route path="/" element={<Navigate replace to="projects" />} />
         </Route>
diff --git a/src/components/Documents/Documents.js b/src/components/Documents/Documents.js
new file mode 100644
index 000000000..fd44085eb
--- /dev/null
+++ b/src/components/Documents/Documents.js
@@ -0,0 +1,26 @@
+/*
+Copyright 2019 Iguazio Systems Ltd.
+
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
+import DocumentsView from './DocumentsView'
+
+const Documents = () => {
+  return <DocumentsView />
+}
+
+export default Documents
diff --git a/src/components/Documents/DocumentsView.js b/src/components/Documents/DocumentsView.js
new file mode 100644
index 000000000..778216246
--- /dev/null
+++ b/src/components/Documents/DocumentsView.js
@@ -0,0 +1,49 @@
+/*
+Copyright 2019 Iguazio Systems Ltd.
+
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
+import React from 'react'
+import { useSelector } from 'react-redux'
+
+import Breadcrumbs from '../../common/Breadcrumbs/Breadcrumbs'
+import Loader from '../../common/Loader/Loader'
+import PageHeader from '../../elements/PageHeader/PageHeader'
+
+const DocumentsView = () => {
+  const artifactsStore = useSelector(store => store.artifactsStore)
+
+  return (
+    <>
+      <div className="content-wrapper">
+        <div className="content__header">
+          <Breadcrumbs />
+        </div>
+        <div className="content">
+          <PageHeader
+            title="Documents"
+            description="Short explanation about what documents are and what they can do for you and for your project."
+          />
+          {artifactsStore.loading && <Loader />}
+          <div className="table-container"></div>
+        </div>
+      </div>
+    </>
+  )
+}
+
+export default DocumentsView
diff --git a/src/components/Documents/documents.util.js b/src/components/Documents/documents.util.js
new file mode 100644
index 000000000..6cd08cc01
--- /dev/null
+++ b/src/components/Documents/documents.util.js
@@ -0,0 +1,19 @@
+/*
+Copyright 2019 Iguazio Systems Ltd.
+
+Licensed under the Apache License, Version 2.0 (the "License") with
+an addition restriction as set forth herein. You may not use this
+file except in compliance with the License. You may obtain a copy of
+the License at http://www.apache.org/licenses/LICENSE-2.0.
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+implied. See the License for the specific language governing
+permissions and limitations under the License.
+
+In addition, you may not use the software for any purposes that are
+illegal under applicable law, and the grant of the foregoing license
+under the Apache 2.0 license is conditioned upon your compliance with
+such restriction.
+*/
diff --git a/src/layout/Navbar/Navbar.utils.js b/src/layout/Navbar/Navbar.utils.js
index 5a5f232c5..c203738a2 100644
--- a/src/layout/Navbar/Navbar.utils.js
+++ b/src/layout/Navbar/Navbar.utils.js
@@ -32,6 +32,7 @@ import { ReactComponent as JobsWorkflowIcon } from 'igz-controls/images/navbar/m
 import { ReactComponent as ModelsIcon } from 'igz-controls/images/navbar/mlrun-models.svg'
 import { ReactComponent as NuclioIcon } from 'igz-controls/images/navbar/mlrun-realtime-functions.svg'
 import { ReactComponent as FeatureStoreIcon } from 'igz-controls/images/navbar/mlrun-feature-store.svg'
+import { ReactComponent as Documents } from 'igz-controls/images/navbar/documents-icon.svg'
 
 // import { ReactComponent as RTPiplinesIcon } from 'igz-controls/images/timer-outline-icon.svg'
 
@@ -63,6 +64,12 @@ export const getLinks = projectName => {
       label: 'Datasets',
       link: `${pathname}/datasets`
     },
+    {
+      icon: <Documents />,
+      id: 'documents',
+      label: 'Documents',
+      link: `${pathname}/documents`
+    },
     {
       icon: <ArtifactsIcon />,
       id: 'files',