diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml
index 868d03b922..59a0e0e435 100644
--- a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml
@@ -1,8 +1,10 @@
 @page
 @model Volo.ClientSimulation.Web.Pages.IndexModel
-@{
+@section scripts
+    {
+    <abp-script-bundle>
+        <abp-script src="/Pages/SimulationArea.js" />
+        <abp-script src="/Pages/Index.js" />
+    </abp-script-bundle>
 }
-<div>
-    <a abp-button="Primary" href="#">Start</a>
-    <a abp-button="Primary" href="#">Stop</a>
-</div>
\ No newline at end of file
+<div id="SimulationArea"></div>
\ No newline at end of file
diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml.cs b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml.cs
index b8f1446ab4..136174a75f 100644
--- a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml.cs
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.cshtml.cs
@@ -1,16 +1,13 @@
-using System;
-using System.Collections.Generic;
-using System.Linq;
 using System.Threading.Tasks;
-using Microsoft.AspNetCore.Mvc;
 using Microsoft.AspNetCore.Mvc.RazorPages;
 
 namespace Volo.ClientSimulation.Web.Pages
 {
     public class IndexModel : PageModel
     {
-        public void OnGet()
+        public async Task OnGetAsync()
         {
+
         }
     }
 }
\ No newline at end of file
diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.js b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.js
new file mode 100644
index 0000000000..39a9dc61f7
--- /dev/null
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/Index.js
@@ -0,0 +1,5 @@
+(function ($) {
+    $(function () {
+        SimulationArea.init($('#SimulationArea'));
+    });
+})(jQuery);
\ No newline at end of file
diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.cshtml b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.cshtml
new file mode 100644
index 0000000000..ae7f397d92
--- /dev/null
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.cshtml
@@ -0,0 +1,10 @@
+@page
+@{
+    Layout = null;
+}
+@using Volo.Abp
+@model Volo.ClientSimulation.Web.Pages.SimulationAreaModel
+<abp-button id="StartButton" button-type="Primary" asp-page-handler="Start">Start</abp-button>
+<abp-button id="StopButton" button-type="Primary" abp-button="Primary" asp-page-handler="Stop">Stop</abp-button>
+
+@RandomHelper.GetRandom(1, 111)
\ No newline at end of file
diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.cshtml.cs b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.cshtml.cs
new file mode 100644
index 0000000000..63e883d137
--- /dev/null
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.cshtml.cs
@@ -0,0 +1,26 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace Volo.ClientSimulation.Web.Pages
+{
+    public class SimulationAreaModel : PageModel
+    {
+        public async Task OnGetAsync()
+        {
+        }
+
+        public async Task PostStartAsync()
+        {
+
+        }
+
+        public async Task PostStopAsync()
+        {
+
+        }
+    }
+}
\ No newline at end of file
diff --git a/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.js b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.js
new file mode 100644
index 0000000000..b96cca148e
--- /dev/null
+++ b/utils/client-simulation/src/Volo.ClientSimulation.Web/Pages/SimulationArea.js
@@ -0,0 +1,21 @@
+var SimulationArea = {};
+(function ($) {
+
+    var $mainContainer = null;
+
+    function refreshSimulationArea() {
+        $.get('/SimulationArea').done(
+            function (result) {
+                $mainContainer.html(result);
+            }).always(function () {
+                setTimeout(refreshSimulationArea, 1000);
+            });
+    }
+
+    SimulationArea.init = function ($container) {
+        $mainContainer = $container;
+        console.log('Simulation initialized');
+        setTimeout(refreshSimulationArea, 1000);
+    };
+
+})(jQuery);
\ No newline at end of file