diff --git a/index.html b/index.html
new file mode 100644
index 0000000..bb0b547
--- /dev/null
+++ b/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/qtmodal"></script>
+</head>
+<body>
+
+    <script type="module">
+        QTModal.show()
+    </script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/index.js b/index.js
index 8b13789..a1b9fdf 100644
--- a/index.js
+++ b/index.js
@@ -1 +1,12 @@
+import { $ } from 'https://cdn.jsdelivr.net/npm/qthtml';
 
+var QTModal = {
+    html: `
+    <div id="qtmodal" style="position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);">
+      <div style="position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:20px; background:#fff;">
+        Loading...
+      </div>
+    </div>`,
+    show: () => $(`body`).inject(QTModal.html),
+    hide: () => $('#qtmodal')?.remove()
+}
diff --git a/package.json b/package.json
index 76f9a5a..f551512 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "",
+  "name": "qtmodal",
   "version": "0.1.0",
   "description": "",
   "main": "index.js",
@@ -12,7 +12,6 @@
   "dependencies": {
   },
   "devDependencies": {
-    "esbuild": "^0.20.0"
   },
   "engines": {
     "node": ">=18.0.0"
