diff --git a/frontend/studio.html b/frontend/studio.html
new file mode 100644
index 0000000..ba9f844
--- /dev/null
+++ b/frontend/studio.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Codebloks Studio</title>
+    
+</head>
+<body>
+    <div id="blocklyDiv" style="height: 480px; width: 600px;"></div>
+
+    <script>
+        const workspace = Blockly.inject(
+            document.getElementById('blocklyDiv'), { /* config */ });
+    </script>
+    <!--
+            REMEMBER --- REPLACE UNPKG WITH BLOCKLY FILES ON
+            SAME PROJECT
+    -->
+    <!-- Load Blockly core -->
+    <script src="https://unpkg.com/blockly/blockly_compressed.js"></script>
+    <!-- Load the default blocks -->
+    <script src="https://unpkg.com/blockly/blocks_compressed.js"></script>
+    <!-- Load a generator -->
+    <script src="https://unpkg.com/blockly/javascript_compressed.js"></script>
+    <!-- Load a message file -->
+    <script src="https://unpkg.com/blockly/msg/en.js"></script>
+</body>
+</html>
\ No newline at end of file
