diff --git a/_sources/index.rst b/_sources/index.rst
index f78eb8314d..c43ecc10c0 100644
--- a/_sources/index.rst
+++ b/_sources/index.rst
@@ -31,4 +31,5 @@ Contenidos:
    :maxdepth: 1
 
    index_es
-   index_en
\ No newline at end of file
+   index_en
+   pycomponent
\ No newline at end of file
diff --git a/_sources/pycomponent.rst b/_sources/pycomponent.rst
new file mode 100644
index 0000000000..cd58719145
--- /dev/null
+++ b/_sources/pycomponent.rst
@@ -0,0 +1,8 @@
+==============================
+Interactive PyScript Component
+==============================
+
+A combined PoC of the PyScript Component with a an ehanced UI.
+
+.. raw:: html
+    :file: ../pyscript.html
\ No newline at end of file
diff --git a/pyscript.html b/pyscript.html
new file mode 100644
index 0000000000..c6aca41c4e
--- /dev/null
+++ b/pyscript.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Refresh Iframe</title>
+    <style>
+    #refreshButton {
+      display: block;
+      margin: auto;
+      margin-bottom: 10px;
+      padding: 8px 16px;
+      background-color: #4caf50;
+      color: white;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+    }
+    </style>
+  </head>
+  <body>
+    <div
+      style="padding: 20px 40px; background-color: #fcf8e3; border-radius: 5px"
+    >
+      <button id="refreshButton">Refresh</button>
+      <div>
+        <iframe
+          id="pyScriptFrame"
+          height="300px"
+          width="100%"
+          srcdoc='
+    <html>
+    <head>
+      <meta charset="utf-8" />
+      <link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
+      <script defer src="https://pyscript.net/latest/pyscript.js"></script>
+      <style>
+        .py-repl-run-button {
+          opacity: 1;
+        }
+        #replOutput {
+          padding: 20px;
+          margin-top: 20px;
+          border: 1px solid #ccc;
+          border-radius: 5px;
+          background-color: #fff;
+        }
+      </style>
+    </head>
+    <body>
+      <py-config>
+        packages = ["numpy", "pandas", "matplotlib"] 
+        terminal = false
+      </py-config>
+
+      <py-repl output="replOutput"> 
+          print("Hello, World!")
+      </py-repl>
+      
+      <div id="replOutput"></div>
+    </body>
+  </html>'
+          style="border: 1px solid #ccc; background-color: #fff"
+        >
+        </iframe>
+      </div>
+
+      <script>
+        document
+          .getElementById("refreshButton")
+          .addEventListener("click", function () {
+            // Reload the content of the iframe
+            document
+              .getElementById("pyScriptFrame")
+              .contentWindow.location.reload(true);
+          });
+      </script>
+    </div>
+  </body>
+</html>
