diff --git a/resources/web/flutter_web/assets/assets/mock_data/model_detail.json b/resources/web/flutter_web/assets/assets/mock_data/model_detail.json
new file mode 100644
index 0000000000..c77d73a189
--- /dev/null
+++ b/resources/web/flutter_web/assets/assets/mock_data/model_detail.json
@@ -0,0 +1,191 @@
+{
+  "code": 200,
+  "msg": "success",
+  "data": {
+      "id": 1,
+      "name": "test2",
+      "description": "",
+      "tag": "",
+      "model": "",
+      "checksum": "",
+      "pics": [
+          "https://picsum.photos/400/320?random=1",
+          "https://picsum.photos/400/320?random=2",
+          "https://picsum.photos/400/320?random=3",
+          "https://picsum.photos/400/320?random=4",
+          "https://picsum.photos/400/320?random=5",
+          "https://picsum.photos/400/320?random=6",
+          "https://picsum.photos/400/320?random=7"
+      ],
+      "top": false,
+      "createDate": 1769990400000,
+      "modifiedDate": 1770626813247,
+      "publishedDate": 1770631447469,
+      "creator": "Snapmaker",
+      "creatorAvatar": "",
+      "copyright":
+          {
+              "id": 1,
+              "name": "",
+              "content": "",
+              "pic": ""
+          },
+      "totalWeight": 41.35,
+      "totalSecs": 15321,
+      "totalLayers": 336,
+      "maxZHeight": 27,
+      "filaments": [
+          {
+              "type": "PLA",
+              "color": "#FFFF00",
+              "used_g": 34.21,
+              "used_m": 11.47
+          },
+          {
+              "type": "PA",
+              "color": "#FF80C0",
+              "used_g": 4.43,
+              "used_m": 1.77
+          },
+          {
+              "type": "PLA",
+              "color": "#FF0000",
+              "used_g": 2.71,
+              "used_m": 0.91
+          }
+      ],
+      "profiles": [
+          {
+              "id": 1,
+              "name": "",
+              "printerModel": "SM_U1",
+              "model": "https://public.resource.snapmaker.com/model/public/3mf/1/test2.3mf",
+              "checksum": "e56ae16cab46677cebf6631430b42e60",
+              "nozzle": [
+                  0.4,
+                  0.4,
+                  0.4,
+                  0.4
+              ],
+              "gcode": "https://public.resource.snapmaker.com/model/public/3mf/1/test2.3mf",
+              "pics": [
+                  "https://public.resource.snapmaker.com/model/public/images/1/plate_1.png",
+                  "https://public.resource.snapmaker.com/model/public/images/1/plate_2.png"
+              ],
+              "desc": "<p>&nbsp;</p><p>&nbsp;</p><p>发的师父说的</p><figure class=\"image\"><img style=\"aspect-ratio:500/657;\" src=\"https://makerworld.bblmw.cn/makerworld/model/20260202/2144736178/33355ca729f737e2.jpeg\"></figure><p><strong>sdafdsajf</strong></p><p><i>是大法师地方</i></p><p>&nbsp;</p><p><i>lll</i></p>",
+              "partitions": [
+                  {
+                      "id": 1,
+                      "name": "aaa",
+                      "weight": 30.27,
+                      "secs": 10490,
+                      "pics": [
+                          "https://public.resource.snapmaker.com/model/public/images/1/plate_1.png",
+                          "https://public.resource.snapmaker.com/model/public/images/1/top_1.png"
+                      ],
+                      "colors": {
+                          "#FFFF00": 25.85,
+                          "#FF80C0": 4.43
+                      },
+                      "layerHeight": 0.2,
+                      "wallLoops": 2,
+                      "infillDensity": "15%",
+                      "filaments": [
+                          {
+                              "type": "PLA",
+                              "color": "#FFFF00",
+                              "used_g": 25.85,
+                              "used_m": 8.67
+                          },
+                          {
+                              "type": "PA",
+                              "color": "#FF80C0",
+                              "used_g": 4.43,
+                              "used_m": 1.77
+                          }
+                      ]
+                  },
+                  {
+                      "id": 2,
+                      "name": "ccc",
+                      "weight": 2.77,
+                      "secs": 2112,
+                      "pics": [
+                          "https://public.resource.snapmaker.com/model/public/images/1/plate_2.png",
+                          "https://public.resource.snapmaker.com/model/public/images/1/top_2.png"
+                      ],
+                      "colors": {
+                          "#FFFF00": 2.77
+                      },
+                      "layerHeight": 0.2,
+                      "wallLoops": 2,
+                      "infillDensity": "15%",
+                      "filaments": [
+                          {
+                              "type": "PLA",
+                              "color": "#FFFF00",
+                              "used_g": 2.77,
+                              "used_m": 0.93
+                          }
+                      ]
+                  },
+                  {
+                      "id": 3,
+                      "name": "",
+                      "weight": 0.18,
+                      "secs": 44,
+                      "pics": [
+                          "https://public.resource.snapmaker.com/model/public/images/1/plate_3.png",
+                          "https://public.resource.snapmaker.com/model/public/images/1/top_3.png"
+                      ],
+                      "colors": {
+                          "#FFFF00": 0.18
+                      },
+                      "layerHeight": 0.2,
+                      "wallLoops": 2,
+                      "infillDensity": "15%",
+                      "filaments": [
+                          {
+                              "type": "PLA",
+                              "color": "#FFFF00",
+                              "used_g": 0.18,
+                              "used_m": 0.06
+                          }
+                      ]
+                  },
+                  {
+                      "id": 4,
+                      "name": "",
+                      "weight": 8.13,
+                      "secs": 2675,
+                      "pics": [
+                          "https://public.resource.snapmaker.com/model/public/images/1/plate_4.png",
+                          "https://public.resource.snapmaker.com/model/public/images/1/top_4.png"
+                      ],
+                      "colors": {
+                          "#FFFF00": 5.41,
+                          "#FF0000": 2.71
+                      },
+                      "layerHeight": 0.2,
+                      "wallLoops": 2,
+                      "infillDensity": "15%",
+                      "filaments": [
+                          {
+                              "type": "PLA",
+                              "color": "#FFFF00",
+                              "used_g": 5.41,
+                              "used_m": 1.81
+                          },
+                          {
+                              "type": "PLA",
+                              "color": "#FF0000",
+                              "used_g": 2.71,
+                              "used_m": 0.91
+                          }
+                      ]
+                  }
+              ]
+          }
+      ]
+  }
+}
diff --git a/resources/web/flutter_web/assets/assets/mock_data/model_station_list.json b/resources/web/flutter_web/assets/assets/mock_data/model_station_list.json
new file mode 100644
index 0000000000..1b7439413c
--- /dev/null
+++ b/resources/web/flutter_web/assets/assets/mock_data/model_station_list.json
@@ -0,0 +1,164 @@
+{
+  "code": 200,
+  "msg": "success",
+  "data": {
+    "models": [
+      {
+        "id": 1,
+        "name": "test2",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770631447469,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/1/plate_1.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/1",
+        "top": false
+      },
+      {
+        "id": 12,
+        "name": "test-model-drag-sort",
+        "creator": "Snapmaker Test",
+        "creatorAvatar": "",
+        "publishedDate": 1770595200000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/12/1770610894993-e79cf308.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/12",
+        "top": false
+      },
+      {
+        "id": 13,
+        "name": "test1",
+        "creator": "Snapmaker",
+        "creatorAvatar": "https://public.resource.snapmaker.com/model/public/avatars/13/1770617029652-0c40021d.png",
+        "publishedDate": 1770595200000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/13/1770617040824-7aefaccc.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/13",
+        "top": false
+      },
+      {
+        "id": 14,
+        "name": "test-desc-api",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770595200000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/14/1770618717470-25f3b22a.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/14",
+        "top": false
+      },
+      {
+        "id": 15,
+        "name": "test-rich-text-model",
+        "creator": "TestCreator",
+        "creatorAvatar": "",
+        "publishedDate": 1770595200000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/15/1770622024809-940f7eb0.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/15",
+        "top": false
+      },
+      {
+        "id": 16,
+        "name": "lsytest001",
+        "creator": "Snapmaker",
+        "creatorAvatar": "https://public.resource.snapmaker.com/model/public/avatars/16/1770622423270-f59af51a.png",
+        "publishedDate": 1770595200000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/16/1770622433410-7822b061.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/16",
+        "top": false
+      },
+      {
+        "id": 2,
+        "name": "test1219",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/2",
+        "top": false
+      },
+      {
+        "id": 3,
+        "name": "MMM_Sloth_Multicolor_v02",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/3",
+        "top": false
+      },
+      {
+        "id": 4,
+        "name": "test-model-v1",
+        "creator": "Snapmaker Test",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/4/profile_1770368024691/1770368024691-396d2daa.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/4",
+        "top": false
+      },
+      {
+        "id": 5,
+        "name": "test-model-v2",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/5/profile_1770368609090/1770368609090-6a63b8eb.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/5",
+        "top": false
+      },
+      {
+        "id": 6,
+        "name": "test-model-v3",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/6/profile_1770370083525/1770370083526-f61dbf0c.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/6",
+        "top": false
+      },
+      {
+        "id": 7,
+        "name": "test-model-v4",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/7/profile_1770370889981/1770370889982-ce02ac12.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/7",
+        "top": false
+      },
+      {
+        "id": 8,
+        "name": "test-model-v5",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/8",
+        "top": false
+      },
+      {
+        "id": 9,
+        "name": "test-model-final",
+        "creator": "Snapmaker",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/9",
+        "top": false
+      },
+      {
+        "id": 10,
+        "name": "sloth-multicolor-test",
+        "creator": "Snapmaker Test",
+        "creatorAvatar": "",
+        "publishedDate": 1770336000000,
+        "pic": "https://public.resource.snapmaker.com/model/public/images/10/1770374547366-224f9f59.png",
+        "url": "https://pre.api.snapmaker.com/api/model/detail/10",
+        "top": false
+      }
+    ]
+  },
+  "page": {
+    "page": 1,
+    "pageSize": 15,
+    "total": 27,
+    "next": "https://pre.api.snapmaker.com/api/model/list/page/2"
+  }
+}
\ No newline at end of file
diff --git a/resources/web/flutter_web/assets/assets/svgs/modelStation.svg b/resources/web/flutter_web/assets/assets/svgs/modelStation.svg
new file mode 100644
index 0000000000..e07dc2d4c5
--- /dev/null
+++ b/resources/web/flutter_web/assets/assets/svgs/modelStation.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 5.33333V14.1333C2 14.4563 2.19419 14.7476 2.49231 14.8718L10 18M2 5.33333L9.38462 2.25641C9.77846 2.09231 10.2215 2.09231 10.6154 2.25641L14 3.66667M2 5.33333L6 7M10 8.66667V18M10 8.66667L18 5.33333M10 8.66667L6 7M10 18L17.5077 14.8718C17.8058 14.7476 18 14.4563 18 14.1333V5.33333M18 5.33333L14 3.66667M6 7L14 3.66667" stroke="#242424" stroke-width="1.4" stroke-linejoin="round"/>
+</svg>