diff --git a/pom.xml b/pom.xml
index 5a81ce03f..0769e4d30 100644
--- a/pom.xml
+++ b/pom.xml
@@ -56,6 +56,7 @@
https://github.com/alibaba/arthas
+ web-uimath-gamecommonspy
diff --git a/web-ui/arthasWebConsole/.gitignore b/web-ui/arthasWebConsole/.gitignore
new file mode 100644
index 000000000..554f2a65c
--- /dev/null
+++ b/web-ui/arthasWebConsole/.gitignore
@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.husky/*
\ No newline at end of file
diff --git a/web-ui/arthasWebConsole/.vscode/extensions.json b/web-ui/arthasWebConsole/.vscode/extensions.json
new file mode 100644
index 000000000..89fa5cd1e
--- /dev/null
+++ b/web-ui/arthasWebConsole/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+ "recommendations": ["Vue.volar","statelyai.stately-vscode"]
+}
diff --git a/web-ui/arthasWebConsole/README.md b/web-ui/arthasWebConsole/README.md
new file mode 100644
index 000000000..3f9e258cc
--- /dev/null
+++ b/web-ui/arthasWebConsole/README.md
@@ -0,0 +1,22 @@
+# a Web client based on HTTP API for arthas
+
+## usage
+
+* Through clicking the button in the top right corner, you can quickly get or clear sessionId
+* When you are in trouble, refreshing the page is a good way
+* Some features must be used with sessionId. but some features must be used without sessionId
+* In classloader module, you must selecte a classloader before using classloader to load class or resourse
+
+## develop
+
+* Strongly recommand devloping with vscode
+* TS + Vue3 + Tailwindcss + xstate
+* You can view the Graphical http requesting process with xstate
+* The final bundle will be placed in `../target/static`
+
+
+### notice
+
+* When use pull_results, you can't use other cmd, such as ```sc class```.
+* The consoleMachine.ts will be replaced perRequestMachine.ts + pinia sooner or later
+
diff --git a/web-ui/arthasWebConsole/index.html b/web-ui/arthasWebConsole/index.html
new file mode 100644
index 000000000..a03ec42a5
--- /dev/null
+++ b/web-ui/arthasWebConsole/index.html
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+ Arthas Console
+
+
+
+
+
+