diff --git a/README.md b/README.md
index 5d71eef..a5531ff 100644
--- a/README.md
+++ b/README.md
@@ -16,6 +16,9 @@
     </a>
 </p>
 
+<p><img src="./repo-assets/logo/PyUi.png" alt="font tester logo" width="100" height="100"></p>
+
+
 Build Python GUI's with the ease of Canva
 
 
@@ -32,6 +35,8 @@ Build Python GUI's with the ease of Canva
     - [Electron App - Commercial License](#electron-app---commercial-license)
 
 
+## Docs - Getting started
+Read the docs on the [Docs page](https://pyuibuilder-docs.pages.dev/)
 
 
 ## Features
diff --git a/docs/_coverpage.md b/docs/_coverpage.md
new file mode 100644
index 0000000..94efc95
--- /dev/null
+++ b/docs/_coverpage.md
@@ -0,0 +1,12 @@
+![logo](./assets/logo/logo192.png)
+
+# PyUIBuilder Docs
+
+> A Free and open-source Python GUI builder tool.
+
+- Simple and powerful
+- Do more with plugins
+- Generate code in multiple frameworks
+
+[GitHub](https://github.com/PaulleDemon/PyUIBuilder)
+[Get Started](#pyuibuilder-documentation)
diff --git a/docs/_media/favicon.ico b/docs/_media/favicon.ico
new file mode 100644
index 0000000..e86a251
Binary files /dev/null and b/docs/_media/favicon.ico differ
diff --git a/docs/assets/logo/logo192.png b/docs/assets/logo/logo192.png
new file mode 100644
index 0000000..640a0fb
Binary files /dev/null and b/docs/assets/logo/logo192.png differ
diff --git a/docs/index.html b/docs/index.html
index 1651f6a..b8d8784 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -3,6 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <title>Document</title>
+  <link rel="icon" href="_media/favicon.ico">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="description" content="Description">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
@@ -18,21 +19,24 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 </head>
 <body>
-  <nav>
+  <!-- <nav>
     <a href="https://github.com/PaulleDemon/PyUIBuilder" target="_blank" rel="noopener noreferrer">
-      <!-- Github page -->
       <i class="bi bi-github icon"></i>
     </a>
-  </nav>
+  </nav> -->
   <div id="app"></div>
  
   <script>
     window.$docsify = {
-      name: '',
-      repo: '',
+      name: 'PyUIBuilder',
+      repo: 'https://github.com/PaulleDemon/PyUIBuilder',
+      coverpage: true,
+      // themeColor: '#3F51B5',
+      // mergeNavbar: true,
       homepage: 'intro.md',  // You can set this to any file
       // loadSidebar: true,  // Ensure _sidebar.md is loaded if you want to use it
-      loadNavbar: true,
+      // loadNavbar: true,
+      autoHeader: true,
       search: {
         maxAge: 86400, // Expiration time, the default one day
         paths: 'auto',
@@ -55,6 +59,13 @@
       font-size: 30px;
     }
 
+    .cover.show {
+    }
+
+    .cover-main, .cover-main h1 span{
+      color: #000 !important;
+    }
+
     img{
       max-width: 850px;
     }
@@ -125,7 +136,7 @@
   <style>
 
     .app-nav {
-      position: fixed;
+      /* position: fixed; */
       background-color: var(--background, transparent);
       width: 100%;
       margin: 0;
diff --git a/public/favicon.ico b/public/favicon.ico
index a11777c..e86a251 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/index.html b/public/index.html
index f3cb60d..f1f44f9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,7 @@
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.11.3/font/bootstrap-icons.min.css" integrity="sha512-dPXYcDub/aeb08c63jRq/k6GaKccl256JQy/AnOq7CAnEZ9FzSL9wSbcZkMp4R26vBsMLFYH4kQ67/bbV8XaCQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-
+    
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id="></script>
     <script>
@@ -26,7 +26,6 @@
 
       gtag('config', 'G-');
     </script>
-    
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/public/logo192.png b/public/logo192.png
index fc44b0a..640a0fb 100644
Binary files a/public/logo192.png and b/public/logo192.png differ
diff --git a/public/logo512.png b/public/logo512.png
index a4e47a6..8565f71 100644
Binary files a/public/logo512.png and b/public/logo512.png differ
diff --git a/repo-assets/logo/PyUi.png b/repo-assets/logo/PyUi.png
new file mode 100644
index 0000000..f3959ac
Binary files /dev/null and b/repo-assets/logo/PyUi.png differ
diff --git a/src/sidebar/sidebar.js b/src/sidebar/sidebar.js
index c5551a9..8dc4834 100644
--- a/src/sidebar/sidebar.js
+++ b/src/sidebar/sidebar.js
@@ -1,6 +1,6 @@
 import { useEffect, useRef, useMemo, useState } from "react";
 
-import { CloseCircleFilled, CrownFilled, GithubFilled, ShareAltOutlined } from "@ant-design/icons";
+import { BookOutlined, CloseCircleFilled, CrownFilled, GithubFilled, ShareAltOutlined } from "@ant-design/icons";
 
 import KO_FI from "../assets/logo/ko-fi.png"
 import Premium from "./utils/premium";
@@ -94,7 +94,13 @@ function Sidebar({tabs}){
                     <Share className="tw-cursor-pointer tw-text-xl">
                         <ShareAltOutlined />
                     </Share>
-                    <a href="https://github.com/PaulleDemon/PyUIBuilder" className="tw-text-2xl tw-cursor-pointer tw-text-black">
+                    <a className="tw-cursor-pointer tw-text-xl tw-text-gray-700" 
+                            href="https://pyuibuilder-docs.pages.dev/"
+                            target="_blank" rel="noopener noreferrer">
+                        <i className="bi bi-book-half"></i>
+                    </a>
+                    <a href="https://github.com/PaulleDemon/PyUIBuilder" target="_blank"
+                        rel="noopener noreferrer" className="tw-text-2xl tw-cursor-pointer tw-text-black">
                         <GithubFilled />
                     </a>
                     <a href="https://ko-fi.com/artpaul" className="tw-cursor-pointer ">
