diff --git a/.github/workflows/push-nuget-package-manually.yml b/.github/workflows/push-nuget-package-manually.yml
index 47c58c29..b3cb3b9c 100644
--- a/.github/workflows/push-nuget-package-manually.yml
+++ b/.github/workflows/push-nuget-package-manually.yml
@@ -32,5 +32,7 @@ jobs:
       run: dotnet pack src/Masa.Blazor.JSComponents.DriverJS/Masa.Blazor.JSComponents.DriverJS.csproj --no-build --include-symbols -c Release -p:PackageVersion=${{github.event.inputs.version}}
     - name: pack Masa.Blazor.JSComponents.PdfJS
       run: dotnet pack src/Masa.Blazor.JSComponents.PdfJS/Masa.Blazor.JSComponents.PdfJS.csproj --no-build --include-symbols -c Release -p:PackageVersion=${{github.event.inputs.version}}
+    - name: pack Masa.Blazor.MobileComponents
+      run: dotnet pack src/Masa.Blazor.MobileComponents/Masa.Blazor.MobileComponents.csproj --no-build --include-symbols -c Release -p:PackageVersion=${{github.event.inputs.version}}
     - name: package push
       run: dotnet nuget push "**/*.symbols.nupkg" --skip-duplicate -k ${{secrets.NUGET_TOKEN}}  -s https://api.nuget.org/v3/index.json
\ No newline at end of file
diff --git a/.github/workflows/push-nuget-package-on-release.yml b/.github/workflows/push-nuget-package-on-release.yml
index 67977012..979377c9 100644
--- a/.github/workflows/push-nuget-package-on-release.yml
+++ b/.github/workflows/push-nuget-package-on-release.yml
@@ -28,5 +28,7 @@ jobs:
       run: dotnet pack src/Masa.Blazor.JSComponents.DriverJS/Masa.Blazor.JSComponents.DriverJS.csproj --no-build --include-symbols -c Release -p:PackageVersion=$GITHUB_REF_NAME
     - name: pack Masa.Blazor.JSComponents.PdfJS
       run: dotnet pack src/Masa.Blazor.JSComponents.PdfJS/Masa.Blazor.JSComponents.PdfJS.csproj --no-build --include-symbols -c Release -p:PackageVersion=$GITHUB_REF_NAME
+    - name: pack Masa.Blazor.MobileComponents
+      run: dotnet pack src/Masa.Blazor.MobileComponents/Masa.Blazor.MobileComponents.csproj --no-build --include-symbols -c Release -p:PackageVersion=$GITHUB_REF_NAME
     - name: package push
       run: dotnet nuget push "**/*.symbols.nupkg" --skip-duplicate -k ${{secrets.NUGET_TOKEN}} -s https://api.nuget.org/v3/index.json
\ No newline at end of file
diff --git a/Masa.Blazor.Build.slnx b/Masa.Blazor.Build.slnx
index 285d786e..b60de7f6 100644
--- a/Masa.Blazor.Build.slnx
+++ b/Masa.Blazor.Build.slnx
@@ -5,4 +5,6 @@
   <Project Path="src/Masa.Blazor.SomethingSkia/Masa.Blazor.SomethingSkia.csproj" />
   <Project Path="src/Masa.Blazor/Masa.Blazor.csproj" />
   <Project Path="src\Masa.Blazor.JSComponents.PdfJS\Masa.Blazor.JSComponents.PdfJS.csproj" Type="Classic C#" />
+  <Project Path="src\Masa.Blazor.MobileComponents\Masa.Blazor.MobileComponents.csproj" Type="Classic C#" />
+  <Project Path="src\Masa.Blazor.SourceGenerator\Masa.Blazor.SourceGenerator.csproj" Type="Classic C#" />
 </Solution>
\ No newline at end of file
diff --git a/Masa.Blazor.slnx b/Masa.Blazor.slnx
index 1e13350f..c648bd17 100644
--- a/Masa.Blazor.slnx
+++ b/Masa.Blazor.slnx
@@ -7,6 +7,7 @@
     <Project Path="src/Masa.Blazor.SomethingSkia/Masa.Blazor.SomethingSkia.csproj" />
     <Project Path="src/Masa.Blazor/Masa.Blazor.csproj" />
     <Project Path="src\Masa.Blazor.JSComponents.PdfJS\Masa.Blazor.JSComponents.PdfJS.csproj" Type="Classic C#" />
+    <Project Path="src\Masa.Blazor.MobileComponents\Masa.Blazor.MobileComponents.csproj" Type="Classic C#" />
   </Folder>
   <Folder Name="/3 - Development/">
     <Project Path="src/Masa.Blazor.Playground/Masa.Blazor.Playground.csproj" />
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/Cascade.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/Cascade.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/Cascade.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/Cascade.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/Index.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/Index.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/Index.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/Index.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/ItemDisabled.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/ItemDisabled.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/ItemDisabled.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/ItemDisabled.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/ItemHeight.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/ItemHeight.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobil-picker-views/ItemHeight.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobil-picker-views/ItemHeight.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-cascader/LoadChildren.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-cascader/LoadChildren.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-cascader/LoadChildren.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-cascader/LoadChildren.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-cascader/OnConfirm.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-cascader/OnConfirm.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-cascader/OnConfirm.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-cascader/OnConfirm.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-date-pickers/Formatter.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-pickers/Formatter.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-date-pickers/Formatter.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-pickers/Formatter.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-date-pickers/MinMax.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-pickers/MinMax.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-date-pickers/MinMax.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-pickers/MinMax.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-date-pickers/Precision.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-pickers/Precision.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-date-pickers/Precision.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-pickers/Precision.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-date-time-pickers/Formatter.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-time-pickers/Formatter.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-date-time-pickers/Formatter.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-time-pickers/Formatter.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-date-time-pickers/MinMax.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-time-pickers/MinMax.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-date-time-pickers/MinMax.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-time-pickers/MinMax.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-date-time-pickers/Precision.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-time-pickers/Precision.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-date-time-pickers/Precision.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-date-time-pickers/Precision.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-pickers/Cascade.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-pickers/Cascade.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-pickers/Cascade.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-pickers/Cascade.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-pickers/ItemHeight.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-pickers/ItemHeight.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-pickers/ItemHeight.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-pickers/ItemHeight.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-time-pickers/Formatter.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-time-pickers/Formatter.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-time-pickers/Formatter.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-time-pickers/Formatter.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-time-pickers/MinMax.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-time-pickers/MinMax.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-time-pickers/MinMax.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-time-pickers/MinMax.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/components/mobile-time-pickers/Precision.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/mobile-time-pickers/Precision.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/components/mobile-time-pickers/Precision.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/mobile-time-pickers/Precision.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/page-stack/Usage.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/page-stack/Usage.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/page-stack/Usage.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/page-stack/Usage.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/pdf-mobile-viewer/Usage.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/pdf-mobile-viewer/Usage.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/pdf-mobile-viewer/Usage.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/pdf-mobile-viewer/Usage.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/Contents.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/Contents.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/Contents.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/Contents.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/Disabled.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/Disabled.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/Disabled.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/Disabled.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/OnError.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/OnError.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/OnError.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/OnError.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/Usage.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/Usage.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/pull-refresh/Usage.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/pull-refresh/Usage.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/AutoHeight.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/AutoHeight.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/AutoHeight.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/AutoHeight.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/Autoplay.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Autoplay.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/Autoplay.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Autoplay.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/Default.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Default.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/Default.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Default.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/Loop.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Loop.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/Loop.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Loop.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/Navigation.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Navigation.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/Navigation.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Navigation.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/Pagination.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Pagination.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/Pagination.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Pagination.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/SpaceBetween.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/SpaceBetween.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/SpaceBetween.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/SpaceBetween.razor
diff --git a/docs/Masa.Blazor.Docs/Examples/labs/swiper/Vertical.razor b/docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Vertical.razor
similarity index 100%
rename from docs/Masa.Blazor.Docs/Examples/labs/swiper/Vertical.razor
rename to docs/Masa.Blazor.Docs/Examples/mobiles/swiper/Vertical.razor
diff --git a/docs/Masa.Blazor.Docs/Masa.Blazor.Docs.csproj b/docs/Masa.Blazor.Docs/Masa.Blazor.Docs.csproj
index 1faff476..e0fd6ab8 100644
--- a/docs/Masa.Blazor.Docs/Masa.Blazor.Docs.csproj
+++ b/docs/Masa.Blazor.Docs/Masa.Blazor.Docs.csproj
@@ -21,6 +21,7 @@
   <ItemGroup>
     <ProjectReference Include="..\..\src\Masa.Blazor.JSComponents.DriverJS\Masa.Blazor.JSComponents.DriverJS.csproj" />
     <ProjectReference Include="..\..\src\Masa.Blazor.JSComponents.PdfJS\Masa.Blazor.JSComponents.PdfJS.csproj" />
+    <ProjectReference Include="..\..\src\Masa.Blazor.MobileComponents\Masa.Blazor.MobileComponents.csproj" />
     <ProjectReference Include="..\Masa.Docs.Core\Masa.Docs.Core.csproj" />
   </ItemGroup>
 
diff --git a/docs/Masa.Blazor.Docs/Pages/Components.razor b/docs/Masa.Blazor.Docs/Pages/Components.razor
index dbe4071f..a01b9a80 100644
--- a/docs/Masa.Blazor.Docs/Pages/Components.razor
+++ b/docs/Masa.Blazor.Docs/Pages/Components.razor
@@ -1,5 +1,6 @@
 @page "/blazor/components/{page}/{tab?}/{api?}"
 @page "/blazor/labs/{page}/{tab?}/{api?}"
+@page "/blazor/mobiles/{page}/{tab?}/{api?}"
 
 <MContainer Class="pa-4 pa-sm-6 pa-md-8"
             Fluid
diff --git a/docs/Masa.Blazor.Docs/Pages/Components.razor.cs b/docs/Masa.Blazor.Docs/Pages/Components.razor.cs
index 3083fb68..ab9f94b8 100644
--- a/docs/Masa.Blazor.Docs/Pages/Components.razor.cs
+++ b/docs/Masa.Blazor.Docs/Pages/Components.razor.cs
@@ -109,7 +109,19 @@ public partial class Components
     {
         await base.OnParametersSetAsync();
 
-        _group = NavigationManager.GetAbsolutePath().StartsWith("/blazor/components", StringComparison.OrdinalIgnoreCase) ? "components" : "labs";
+        var absolutePath = NavigationManager.GetAbsolutePath();
+        if (absolutePath.StartsWith("/blazor/components", StringComparison.OrdinalIgnoreCase))
+        {
+            _group = "components";
+        }
+        else if (absolutePath.StartsWith("/blazor/labs", StringComparison.OrdinalIgnoreCase))
+        {
+            _group = "labs";
+        }
+        else if (absolutePath.StartsWith("/blazor/mobiles", StringComparison.OrdinalIgnoreCase))
+        {
+            _group = "mobiles";
+        }
 
         if (!Equals(_prevPage, Page) || !Equals(_prevCulture, Culture))
         {
@@ -265,6 +277,7 @@ public partial class Components
         list.AddRange(SomethingSkiaApiGenerator.ComponentMetas);
         list.AddRange(DriverJSApiGenerator.ComponentMetas);
         list.AddRange(PdfJSApiGenerator.ComponentMetas);
+        list.AddRange(MobileComponentsApiGenerator.ComponentMetas);
         return list;
     }
 
diff --git a/docs/Masa.Blazor.Docs/wwwroot/data/nav.json b/docs/Masa.Blazor.Docs/wwwroot/data/nav.json
index 0636efc3..ea9dfb3f 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/data/nav.json
+++ b/docs/Masa.Blazor.Docs/wwwroot/data/nav.json
@@ -67,13 +67,8 @@
     "title": "ui-components",
     "icon": "mdi-layers-triple",
     "group": "components",
-    "hidden": true,
     "state": "update",
     "items": [
-      {
-        "title": "all",
-        "hidden": false
-      },
       "alerts",
       "application",
       "aspect-ratios",
@@ -182,26 +177,14 @@
         "state": "breaking-change"
       },
       "images",
-      "infinite-scroll",
       {
         "title": "lists",
         "state": "update"
       },
+      "infinite-scroll",
       "markdowns",
       "markdown-parsers",
       "menus",
-      {
-        "title": "mobiles",
-        "group": "components",
-        "items": [
-          "mobile-cascader",
-          "mobile-date-pickers",
-          "mobile-date-time-pickers",
-          "mobile-pickers",
-          "mobile-picker-views",
-          "mobile-time-pickers"
-        ]
-      },
       "modals",
       "monaco-editor",
       "navigation-drawers",
@@ -267,16 +250,33 @@
       "virtual-scroll"
     ]
   },
+  {
+    "title": "mobiles",
+    "icon": "mdi-cellphone",
+    "group": "mobiles",
+    "items": [
+      "mobile-cascader",
+      "mobile-date-pickers",
+      "mobile-date-time-pickers",
+      "mobile-pickers",
+      "mobile-picker-views",
+      "mobile-time-pickers",
+      "page-stack",
+      {
+        "title": "pdf-mobile-viewer",
+        "state": "nuget",
+        "releasedOn": "v1.7.0"
+      },
+      "pull-refresh",
+      "swiper"
+    ]
+  },
   {
     "title": "js-modules",
     "icon": "$languageJavascript",
     "state": "new",
     "items": [
-      {
-        "title": "intersection-observer",
-        "state": "new",
-        "releasedOn": "v1.1.0"
-      }
+      "intersection-observer"
     ]
   },
   {
@@ -284,101 +284,33 @@
     "icon": "mdi-flask",
     "state": "new",
     "items": [
-      {
-        "title": "date-digital-clock-pickers",
-        "state": "new",
-        "releasedOn": "v1.0.2"
-      },
-      {
-        "title": "date-time-pickers",
-        "state": "new",
-        "releasedOn": "v1.0.2"
-      },
-      {
-        "title": "digital-clocks",
-        "state": "new",
-        "releasedOn": "v1.0.2"
-      },
-      {
-        "title": "drawflow",
-        "state": "new",
-        "releasedOn": "v1.0.4"
-      },
+      "date-digital-clock-pickers",
+      "date-time-pickers",
+      "digital-clocks",
+      "drawflow",
       {
         "title": "driverjs",
         "state": "new",
         "releasedOn": "v1.9.0"
       },
-      {
-        "title": "inputs-filter",
-        "state": "new",
-        "releasedOn": "v1.1.0"
-      },
-      {
-        "title": "interactive-trigger",
-        "state": "new",
-        "releasedOn": "v1.3.0"
-      },
-      {
-        "title": "lazy",
-        "state": "new",
-        "releasedOn": "v1.1.0"
-      },
-      {
-        "title": "page-stack",
-        "state": "new",
-        "releasedOn": "v1.5.0"
-      },
-      {
-        "title": "pdf-mobile-viewer",
-        "state": "new",
-        "releasedOn": "v1.7.0"
-      },
-      {
-        "title": "pull-refresh",
-        "state": "new",
-        "releasedOn": "v1.1.1"
-      },
-      {
-        "title": "scroll-to-target",
-        "state": "new",
-        "releasedOn": "v1.3.4"
-      },
-      {
-        "title": "sortable",
-        "state": "new",
-        "releasedOn": "v1.4.0"
-      },
-      {
-        "title": "splitters",
-        "state": "new",
-        "releasedOn": "v1.1.1"
-      },
+      "inputs-filter",
+      "interactive-trigger",
+      "lazy",
+      "scroll-to-target",
+      "sortable",
+      "splitters",
       {
         "title": "sticky",
         "state": "new",
         "releasedOn": "v1.8.0"
       },
-      {
-        "title": "swiper",
-        "state": "new",
-        "releasedOn": "v1.0.4"
-      },
       {
         "title": "toggles",
         "state": "new",
         "releasedOn": "v1.7.0"
       },
-      {
-        "title": "watermark",
-        "state": "new",
-        "releasedOn": "v1.1.1"
-      },
-      {
-        "title": "xgplayer",
-        "state": "new",
-        "releasedOn": "v1.3.0"
-      }
+      "watermark",
+      "xgplayer"
     ]
   },
   {
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-pickers/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-pickers/en-US.md
deleted file mode 100644
index ceba36c8..00000000
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-pickers/en-US.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Mobile date pickers
-desc: "A date picker designed for the mobile."
-tag: Preset
-related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-time-views
-  - /blazor/components/mobile-date-time-pickers
----
-
-## Examples
-
-### Props
-
-#### Formatter
-
-Format the content displayed in each column.
-
-<masa-example file="Examples.components.mobile_date_pickers.Formatter"></masa-example>
-
-#### Min and max
-
-<masa-example file="Examples.components.mobile_date_pickers.MinMax"></masa-example>
-
-#### Precision
-
-<masa-example file="Examples.components.mobile_date_pickers.Precision"></masa-example>
\ No newline at end of file
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-pickers/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-pickers/zh-CN.md
deleted file mode 100644
index 2ac81af7..00000000
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-pickers/zh-CN.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Mobile date pickers（移动端日期选择器）
-desc: "专为移动设备设计的日期选择器。"
-tag: "预置"
-related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-time-views
-  - /blazor/components/mobile-date-time-pickers
----
-
-## 示例
-
-### 属性
-
-#### 格式化
-
-格式化每列展示的内容。
-
-<masa-example file="Examples.components.mobile_date_pickers.Formatter"></masa-example>
-
-#### 最小和最大值
-
-<masa-example file="Examples.components.mobile_date_pickers.MinMax"></masa-example>
-
-#### 精度
-
-<masa-example file="Examples.components.mobile_date_pickers.Precision"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-time-pickers/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-time-pickers/en-US.md
deleted file mode 100644
index 6a827db8..00000000
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-time-pickers/en-US.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Mobile date time pickers
-desc: "A date picker designed for the mobile."
-tag: Preset
-related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-time-views
-  - /blazor/components/mobile-date-time-pickers
----
-
-## Examples
-
-### Props
-
-#### Formatter
-
-Format the content displayed in each column.
-
-<masa-example file="Examples.components.mobile_date_time_pickers.Formatter"></masa-example>
-
-#### Min and max
-
-<masa-example file="Examples.components.mobile_date_time_pickers.MinMax"></masa-example>
-
-#### Precision
-
-<masa-example file="Examples.components.mobile_date_time_pickers.Precision"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-time-pickers/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-time-pickers/zh-CN.md
deleted file mode 100644
index 12b0292c..00000000
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-date-time-pickers/zh-CN.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Mobile date time pickers（移动端日期时间选择器）
-desc: "专为移动设备设计的日期选择器。"
-tag: "预置"
-related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-time-views
-  - /blazor/components/mobile-date-time-pickers
----
-
-## 示例
-
-### 属性
-
-#### 格式化
-
-格式化每列展示的内容。
-
-<masa-example file="Examples.components.mobile_date_time_pickers.Formatter"></masa-example>
-
-#### 最小和最大值
-
-<masa-example file="Examples.components.mobile_date_time_pickers.MinMax"></masa-example>
-
-#### 精度
-
-<masa-example file="Examples.components.mobile_date_time_pickers.Precision"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-time-pickers/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-time-pickers/en-US.md
deleted file mode 100644
index 787aec79..00000000
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-time-pickers/en-US.md
+++ /dev/null
@@ -1,31 +0,0 @@
----
-title: Mobile time pickers
-desc: "A time picker designed for the mobile."
-tag: Preset
-related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-date-time-pickers
-  - /blazor/components/mobile-date-pickers
----
-
-## Examples
-
-### Props
-
-#### Formatter
-
-Format the content displayed in each column.
-
-<masa-example file="Examples.components.mobile_time_pickers.Formatter"></masa-example>
-
-#### Min and max
-
-<masa-example file="Examples.components.mobile_time_pickers.MinMax"></masa-example>
-
-#### Precision
-
-<masa-example file="Examples.components.mobile_time_pickers.Precision"></masa-example>
-
-
-
-
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-time-pickers/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-time-pickers/zh-CN.md
deleted file mode 100644
index 2045af47..00000000
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-time-pickers/zh-CN.md
+++ /dev/null
@@ -1,27 +0,0 @@
----
-title: Mobile time pickers（移动端时间选择器）
-desc: "专为移动设备设计的时间选择器。"
-tag: "预置"
-related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-date-time-pickers
-  - /blazor/components/mobile-date-pickers
----
-
-## 示例
-
-### 属性
-
-#### 格式化
-
-格式化每列展示的内容。
-
-<masa-example file="Examples.components.mobile_time_pickers.Formatter"></masa-example>
-
-#### 最小和最大值
-
-<masa-example file="Examples.components.mobile_time_pickers.MinMax"></masa-example>
-
-#### 精度
-
-<masa-example file="Examples.components.mobile_time_pickers.Precision"></masa-example>
\ No newline at end of file
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-cascader/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-cascader/en-US.md
similarity index 51%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-cascader/en-US.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-cascader/en-US.md
index dbdc72ab..24ad3555 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-cascader/en-US.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-cascader/en-US.md
@@ -8,17 +8,23 @@ related:
   - /blazor/components/buttons
 ---
 
+## Installation
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
 ## Examples
 
 ### Events
 
 #### Load children
 
-<masa-example file="Examples.components.mobile_cascader.LoadChildren"></masa-example>
+<masa-example file="Examples.mobiles.mobile_cascader.LoadChildren"></masa-example>
 
 #### On confirm
 
-<masa-example file="Examples.components.mobile_cascader.OnConfirm"></masa-example>
+<masa-example file="Examples.mobiles.mobile_cascader.OnConfirm"></masa-example>
 
 
 
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-cascader/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-cascader/zh-CN.md
similarity index 52%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-cascader/zh-CN.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-cascader/zh-CN.md
index 66cd6d55..0dc10e5d 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-cascader/zh-CN.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-cascader/zh-CN.md
@@ -8,14 +8,20 @@ related:
   - /blazor/components/buttons
 ---
 
+## 安装 {#installation}
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
 ## 示例
 
 ### 事件
 
 #### 加载子项
 
-<masa-example file="Examples.components.mobile_cascader.LoadChildren"></masa-example>
+<masa-example file="Examples.mobiles.mobile_cascader.LoadChildren"></masa-example>
 
 #### 确认事件
 
-<masa-example file="Examples.components.mobile_cascader.OnConfirm"></masa-example>
+<masa-example file="Examples.mobiles.mobile_cascader.OnConfirm"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-pickers/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-pickers/en-US.md
new file mode 100644
index 00000000..feb0c9d4
--- /dev/null
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-pickers/en-US.md
@@ -0,0 +1,33 @@
+---
+title: Mobile date pickers
+desc: "A date picker designed for the mobile."
+tag: Preset
+related:
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-time-views
+  - /blazor/mobiles/mobile-date-time-pickers
+---
+
+## Installation
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
+## Examples
+
+### Props
+
+#### Formatter
+
+Format the content displayed in each column.
+
+<masa-example file="Examples.mobiles.mobile_date_pickers.Formatter"></masa-example>
+
+#### Min and max
+
+<masa-example file="Examples.mobiles.mobile_date_pickers.MinMax"></masa-example>
+
+#### Precision
+
+<masa-example file="Examples.mobiles.mobile_date_pickers.Precision"></masa-example>
\ No newline at end of file
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-pickers/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-pickers/zh-CN.md
new file mode 100644
index 00000000..78c4983b
--- /dev/null
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-pickers/zh-CN.md
@@ -0,0 +1,33 @@
+---
+title: Mobile date pickers（移动端日期选择器）
+desc: "专为移动设备设计的日期选择器。"
+tag: "预置"
+related:
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-time-views
+  - /blazor/mobiles/mobile-date-time-pickers
+---
+
+## 安装 {#installation}
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
+## 示例
+
+### 属性
+
+#### 格式化
+
+格式化每列展示的内容。
+
+<masa-example file="Examples.mobiles.mobile_date_pickers.Formatter"></masa-example>
+
+#### 最小和最大值
+
+<masa-example file="Examples.mobiles.mobile_date_pickers.MinMax"></masa-example>
+
+#### 精度
+
+<masa-example file="Examples.mobiles.mobile_date_pickers.Precision"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-time-pickers/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-time-pickers/en-US.md
new file mode 100644
index 00000000..b1ed4190
--- /dev/null
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-time-pickers/en-US.md
@@ -0,0 +1,33 @@
+---
+title: Mobile date time pickers
+desc: "A date picker designed for the mobile."
+tag: Preset
+related:
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-time-views
+  - /blazor/mobiles/mobile-date-time-pickers
+---
+
+## Installation
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
+## Examples
+
+### Props
+
+#### Formatter
+
+Format the content displayed in each column.
+
+<masa-example file="Examples.mobiles.mobile_date_time_pickers.Formatter"></masa-example>
+
+#### Min and max
+
+<masa-example file="Examples.mobiles.mobile_date_time_pickers.MinMax"></masa-example>
+
+#### Precision
+
+<masa-example file="Examples.mobiles.mobile_date_time_pickers.Precision"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-time-pickers/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-time-pickers/zh-CN.md
new file mode 100644
index 00000000..7f4f2260
--- /dev/null
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-date-time-pickers/zh-CN.md
@@ -0,0 +1,33 @@
+---
+title: Mobile date time pickers（移动端日期时间选择器）
+desc: "专为移动设备设计的日期选择器。"
+tag: "预置"
+related:
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-time-views
+  - /blazor/mobiles/mobile-date-time-pickers
+---
+
+## 安装 {#installation}
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
+## 示例
+
+### 属性
+
+#### 格式化
+
+格式化每列展示的内容。
+
+<masa-example file="Examples.mobiles.mobile_date_time_pickers.Formatter"></masa-example>
+
+#### 最小和最大值
+
+<masa-example file="Examples.mobiles.mobile_date_time_pickers.MinMax"></masa-example>
+
+#### 精度
+
+<masa-example file="Examples.mobiles.mobile_date_time_pickers.Precision"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-picker-views/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-picker-views/en-US.md
similarity index 62%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-picker-views/en-US.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-picker-views/en-US.md
index c1aa8bc7..824ba10a 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-picker-views/en-US.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-picker-views/en-US.md
@@ -3,12 +3,18 @@ title: Mobile picker views
 desc: "A picker designed for the mobile. Provides multiple sets of options for users to choose, and supports single-column selection, multi-column selection and cascading selection."
 tag: Preset
 related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-date-time-pickers
-  - /blazor/components/mobile-time-pickers
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-date-time-pickers
+  - /blazor/mobiles/mobile-time-pickers
 ---
 
-**MMobilePickerView** is the content area of [PMobilePicker](/blazor/components/mobile-pickers).
+**MMobilePickerView** is the content area of [PMobilePicker](/blazor/mobiles/mobile-pickers).
+
+## Installation
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
 
 ## Examples
 
@@ -23,14 +29,14 @@ The data nesting depth of the cascade selection needs to be consistent, and if s
 options, you can use an empty string for placeholder.
 <!--/alert:warning-->
 
-<masa-example file="Examples.components.mobil_picker_views.Cascade"></masa-example>
+<masa-example file="Examples.mobiles.mobil_picker_views.Cascade"></masa-example>
 
 #### Disable item
 
-<masa-example file="Examples.components.mobil_picker_views.ItemDisabled"></masa-example>
+<masa-example file="Examples.mobiles.mobil_picker_views.ItemDisabled"></masa-example>
 
 #### Custom item height
 
 You can customize the height of the option through `Itemheight`. Currently, only `px` is supported.
 
-<masa-example file="Examples.components.mobil_picker_views.ItemHeight"></masa-example>
+<masa-example file="Examples.mobiles.mobil_picker_views.ItemHeight"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-picker-views/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-picker-views/zh-CN.md
similarity index 59%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-picker-views/zh-CN.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-picker-views/zh-CN.md
index e2c9d00e..c0c8ca35 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-picker-views/zh-CN.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-picker-views/zh-CN.md
@@ -3,12 +3,18 @@ title: Mobile picker views（移动端选择视图）
 desc: "专为移动设备设计的选择视图。提供多个选项集合供用户选择，支持单列选择、多列选择和级联选择。"
 tag: "预置"
 related:
-  - /blazor/components/mobile-pickers
-  - /blazor/components/mobile-date-time-pickers
-  - /blazor/components/mobile-time-pickers
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-date-time-pickers
+  - /blazor/mobiles/mobile-time-pickers
 ---
 
-**MMobilePickerView** is the content area of [PMobilePicker](/blazor/components/mobile-pickers).
+**MMobilePickerView** is the content area of [PMobilePicker](/blazor/mobiles/mobile-pickers).
+
+## 安装 {#installation}
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
 
 ## 示例
 
@@ -22,14 +28,14 @@ related:
 级联选择的数据嵌套深度需要一致，如果某些选项没有子选项，则可以使用空字符串作为占位符。
 <!--/alert:warning-->
 
-<masa-example file="Examples.components.mobil_picker_views.Cascade"></masa-example>
+<masa-example file="Examples.mobiles.mobil_picker_views.Cascade"></masa-example>
 
 #### 禁止选择某项
 
-<masa-example file="Examples.components.mobil_picker_views.ItemDisabled"></masa-example>
+<masa-example file="Examples.mobiles.mobil_picker_views.ItemDisabled"></masa-example>
 
 #### 自定义项高度
 
 通过 `Itemheight` 可以自定义选项的高度。目前只支持 `px` 。
 
-<masa-example file="Examples.components.mobile_pickers.ItemHeight"></masa-example>
+<masa-example file="Examples.mobiles.mobile_pickers.ItemHeight"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-pickers/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-pickers/en-US.md
similarity index 67%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-pickers/en-US.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-pickers/en-US.md
index eba18f57..0005f630 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-pickers/en-US.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-pickers/en-US.md
@@ -2,11 +2,17 @@
 title: Mobile pickers
 desc: "A picker designed for the mobile. Provides multiple sets of options for users to choose, and supports single-column selection, multi-column selection and cascading selection."
 related:
-  - /blazor/components/mobile-picker-views
-  - /blazor/components/mobile-date-time-views
-  - /blazor/components/mobile-time-pickers
+  - /blazor/mobiles/mobile-picker-views
+  - /blazor/mobiles/mobile-date-time-views
+  - /blazor/mobiles/mobile-time-pickers
 ---
 
+## Installation
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
 ## Examples
 
 ### Props
@@ -18,12 +24,12 @@ Use the cascading `Columns` and `ItemChildren` fields to achieve the effect of c
 <app-alert type="warning" content="The data nesting depth of the cascade selection needs to be consistent, and if some of the options do not have sub
 options, you can use an empty string for placeholder."></app-alert>
 
-<masa-example file="Examples.components.mobile_pickers.Cascade"></masa-example>
+<masa-example file="Examples.mobiles.mobile_pickers.Cascade"></masa-example>
 
 #### Custom item height.
 
 You can customize the height of the option through `Itemheight`. Currently, only `px` is supported.
 
-<masa-example file="Examples.components.mobile_pickers.ItemHeight"></masa-example>
+<masa-example file="Examples.mobiles.mobile_pickers.ItemHeight"></masa-example>
 
 
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-pickers/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-pickers/zh-CN.md
similarity index 62%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-pickers/zh-CN.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-pickers/zh-CN.md
index f5c6223a..d9e9dcf4 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/components/mobile-pickers/zh-CN.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-pickers/zh-CN.md
@@ -2,11 +2,16 @@
 title: Mobile pickers（移动端选择器）
 desc: "专为移动设备设计的选择器。提供多个选项集合供用户选择，支持单列选择、多列选择和级联选择。"
 related:
-  - /blazor/components/mobile-picker-views
-  - /blazor/components/mobile-date-time-views
-  - /blazor/components/mobile-time-pickers
+  - /blazor/mobiles/mobile-picker-views
+  - /blazor/mobiles/mobile-date-time-views
+  - /blazor/mobiles/mobile-time-pickers
 ---
 
+## 安装 {#installation}
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
 
 ## 示例
 
@@ -18,10 +23,10 @@ related:
 
 <app-alert type="warning" content="级联选择的数据嵌套深度需要一致，如果某些选项没有子选项，则可以使用空字符串作为占位符。"></app-alert>
 
-<masa-example file="Examples.components.mobile_pickers.Cascade"></masa-example>
+<masa-example file="Examples.mobiles.mobile_pickers.Cascade"></masa-example>
 
 #### 自定义项高度
 
 通过 `1Itemheight` 可以自定义选项的高度。目前只支持 `px` 。
 
-<masa-example file="Examples.components.mobile_pickers.ItemHeight"></masa-example>
\ No newline at end of file
+<masa-example file="Examples.mobiles.mobile_pickers.ItemHeight"></masa-example>
\ No newline at end of file
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-time-pickers/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-time-pickers/en-US.md
new file mode 100644
index 00000000..b5a3d2bf
--- /dev/null
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-time-pickers/en-US.md
@@ -0,0 +1,37 @@
+---
+title: Mobile time pickers
+desc: "A time picker designed for the mobile."
+tag: Preset
+related:
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-date-time-pickers
+  - /blazor/mobiles/mobile-date-pickers
+---
+
+## Installation
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
+## Examples
+
+### Props
+
+#### Formatter
+
+Format the content displayed in each column.
+
+<masa-example file="Examples.mobiles.mobile_time_pickers.Formatter"></masa-example>
+
+#### Min and max
+
+<masa-example file="Examples.mobiles.mobile_time_pickers.MinMax"></masa-example>
+
+#### Precision
+
+<masa-example file="Examples.mobiles.mobile_time_pickers.Precision"></masa-example>
+
+
+
+
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-time-pickers/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-time-pickers/zh-CN.md
new file mode 100644
index 00000000..3acb6572
--- /dev/null
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/mobile-time-pickers/zh-CN.md
@@ -0,0 +1,33 @@
+---
+title: Mobile time pickers（移动端时间选择器）
+desc: "专为移动设备设计的时间选择器。"
+tag: "预置"
+related:
+  - /blazor/mobiles/mobile-pickers
+  - /blazor/mobiles/mobile-date-time-pickers
+  - /blazor/mobiles/mobile-date-pickers
+---
+
+## 安装 {#installation}
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
+## 示例
+
+### 属性
+
+#### 格式化
+
+格式化每列展示的内容。
+
+<masa-example file="Examples.mobiles.mobile_time_pickers.Formatter"></masa-example>
+
+#### 最小和最大值
+
+<masa-example file="Examples.mobiles.mobile_time_pickers.MinMax"></masa-example>
+
+#### 精度
+
+<masa-example file="Examples.mobiles.mobile_time_pickers.Precision"></masa-example>
\ No newline at end of file
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/page-stack/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/page-stack/en-US.md
similarity index 98%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/page-stack/en-US.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/page-stack/en-US.md
index ab887d1d..ef5f096b 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/page-stack/en-US.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/page-stack/en-US.md
@@ -29,7 +29,7 @@ related:
   Except for the tabbed page list, other pages will enter the page stack with an animation effect from right to left,
   and exit will destroy the page.
 
-<masa-example file="Examples.labs.page_stack.Usage" no-actions="true"></masa-example>
+<masa-example file="Examples.mobiles.page_stack.Usage" no-actions="true"></masa-example>
 
 ## Built-in components and classes
 
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/page-stack/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/page-stack/zh-CN.md
similarity index 98%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/page-stack/zh-CN.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/page-stack/zh-CN.md
index c03a42e8..609fb671 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/page-stack/zh-CN.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/page-stack/zh-CN.md
@@ -28,7 +28,7 @@ related:
 
   除了选项卡页面列表，其他页面都会通过从右到左的动画效果进入页面堆栈，移出即销毁。
 
-<masa-example file="Examples.labs.page_stack.Usage" no-actions="true"></masa-example>
+<masa-example file="Examples.mobiles.page_stack.Usage" no-actions="true"></masa-example>
 
 ## 内置组件和类
 
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pdf-mobile-viewer/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pdf-mobile-viewer/en-US.md
similarity index 77%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/pdf-mobile-viewer/en-US.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pdf-mobile-viewer/en-US.md
index e1370612..57d36cf9 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pdf-mobile-viewer/en-US.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pdf-mobile-viewer/en-US.md
@@ -4,6 +4,8 @@ desc: "A PDF viewer designed for mobile."
 tag: "JS Proxy"
 ---
 
+## Installation
+
 ```shell
 dotnet add package Masa.Blazor.JSComponents.PdfJS
 ```
@@ -14,7 +16,7 @@ dotnet add package Masa.Blazor.JSComponents.PdfJS
 
 ## Usage
 
-<masa-example file="Examples.labs.pdf_mobile_viewer.Usage" no-actions="true"></masa-example>
+<masa-example file="Examples.mobiles.pdf_mobile_viewer.Usage" no-actions="true"></masa-example>
 
 ```razor
 <MPdfMobileViewer Url="_content/Masa.Blazor.Docs/img/compressed.tracemonkey-pldi-09.pdf" /> 
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pdf-mobile-viewer/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pdf-mobile-viewer/zh-CN.md
similarity index 78%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/pdf-mobile-viewer/zh-CN.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pdf-mobile-viewer/zh-CN.md
index ffcb2f15..c64df823 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pdf-mobile-viewer/zh-CN.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pdf-mobile-viewer/zh-CN.md
@@ -4,6 +4,8 @@ desc: "专为移动设备设计的 PDF 查看器。"
 tag: "JS代理"
 ---
 
+## 安装 {#installation}
+
 ```shell
 dotnet add package Masa.Blazor.JSComponents.PdfJS
 ```
@@ -14,7 +16,7 @@ dotnet add package Masa.Blazor.JSComponents.PdfJS
 
 ## 使用 {#usage}
 
-<masa-example file="Examples.labs.pdf_mobile_viewer.Usage" no-actions="true"></masa-example>
+<masa-example file="Examples.mobiles.pdf_mobile_viewer.Usage" no-actions="true"></masa-example>
 
 ```razor
 <MPdfMobileViewer Url="_content/Masa.Blazor.Docs/img/compressed.tracemonkey-pldi-09.pdf" /> 
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pull-refresh/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pull-refresh/en-US.md
similarity index 51%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/pull-refresh/en-US.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pull-refresh/en-US.md
index 72f71847..8ab04cc3 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pull-refresh/en-US.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pull-refresh/en-US.md
@@ -5,9 +5,15 @@ desc: "Pull down to refresh, usually used in mobile apps"
 
 <app-alert type="warning" content="Only works on mobile, because only implement touch events. So you need to open the browser's mobile mode(`F12`, `Ctrl+Shift+M`) to see the effect."></app-alert>
 
+## Installation
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
 ## Usage
 
-<masa-example file="Examples.labs.pull_refresh.Usage"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.Usage"></masa-example>
 
 ## Examples
 
@@ -15,14 +21,14 @@ desc: "Pull down to refresh, usually used in mobile apps"
 
 #### Disabled
 
-<masa-example file="Examples.labs.pull_refresh.Disabled"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.Disabled"></masa-example>
 
 #### On error
 
-<masa-example file="Examples.labs.pull_refresh.OnError"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.OnError"></masa-example>
 
 ### Contents
 
 #### Custom contents
 
-<masa-example file="Examples.labs.pull_refresh.Contents"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.Contents"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pull-refresh/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pull-refresh/zh-CN.md
similarity index 52%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/pull-refresh/zh-CN.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pull-refresh/zh-CN.md
index 83a4a1f2..a5913a39 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/pull-refresh/zh-CN.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/pull-refresh/zh-CN.md
@@ -5,9 +5,15 @@ desc: "下拉刷新，通常用于移动端应用"
 
 <app-alert type="warning" content="仅在移动端生效，因为只实现了触摸事件。因此需要打开浏览器的移动模式（`F12`，`Ctrl+Shift+M`）才能看到效果。"></app-alert>
 
+## 安装 {#installation}
+
+```shell
+dotnet add package Masa.Blazor.MobileComponents
+```
+
 ## 使用
 
-<masa-example file="Examples.labs.pull_refresh.Usage"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.Usage"></masa-example>
 
 ## 示例
 
@@ -15,14 +21,14 @@ desc: "下拉刷新，通常用于移动端应用"
 
 #### 禁用
 
-<masa-example file="Examples.labs.pull_refresh.Disabled"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.Disabled"></masa-example>
 
 #### 处理错误
 
-<masa-example file="Examples.labs.pull_refresh.OnError"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.OnError"></masa-example>
 
 ### 插槽
 
 #### 自定义下拉刷新内容
 
-<masa-example file="Examples.labs.pull_refresh.Contents"></masa-example>
+<masa-example file="Examples.mobiles.pull_refresh.Contents"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/swiper/en-US.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/swiper/en-US.md
similarity index 67%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/swiper/en-US.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/swiper/en-US.md
index 0095c983..c6d6e104 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/swiper/en-US.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/swiper/en-US.md
@@ -18,7 +18,7 @@ You need to reference the following files before using it:
 
 ## Usage
 
-<masa-example file="Examples.labs.swiper.Default"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Default"></masa-example>
 
 ## Examples
 
@@ -26,15 +26,15 @@ You need to reference the following files before using it:
 
 #### Vertical
 
-<masa-example file="Examples.labs.swiper.Vertical"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Vertical"></masa-example>
 
 #### Loop
 
-<masa-example file="Examples.labs.swiper.Loop"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Loop"></masa-example>
 
 #### Space between
 
-<masa-example file="Examples.labs.swiper.SpaceBetween"></masa-example>
+<masa-example file="Examples.mobiles.swiper.SpaceBetween"></masa-example>
 
 #### Auto height
 
@@ -53,18 +53,18 @@ to recalculate the height after the content is loaded.
 </MSwiper>
 ```
 
-<masa-example file="Examples.labs.swiper.AutoHeight"></masa-example>
+<masa-example file="Examples.mobiles.swiper.AutoHeight"></masa-example>
 
 ### Module components
 
 #### Navigation
 
-<masa-example file="Examples.labs.swiper.Navigation"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Navigation"></masa-example>
 
 #### Pagination
 
-<masa-example file="Examples.labs.swiper.Pagination"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Pagination"></masa-example>
 
 #### Autoplay
 
-<masa-example file="Examples.labs.swiper.Autoplay"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Autoplay"></masa-example>
diff --git a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/swiper/zh-CN.md b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/swiper/zh-CN.md
similarity index 69%
rename from docs/Masa.Blazor.Docs/wwwroot/pages/labs/swiper/zh-CN.md
rename to docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/swiper/zh-CN.md
index 9495c81c..6eb59c75 100644
--- a/docs/Masa.Blazor.Docs/wwwroot/pages/labs/swiper/zh-CN.md
+++ b/docs/Masa.Blazor.Docs/wwwroot/pages/mobiles/swiper/zh-CN.md
@@ -18,7 +18,7 @@ related:
 
 ## 使用 {#usage}
 
-<masa-example file="Examples.labs.swiper.Default"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Default"></masa-example>
 
 ## 示例 {#examples}
 
@@ -26,15 +26,15 @@ related:
 
 #### 竖向 {#vertical}
 
-<masa-example file="Examples.labs.swiper.Vertical"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Vertical"></masa-example>
 
 #### 循环 {#loop}
 
-<masa-example file="Examples.labs.swiper.Loop"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Loop"></masa-example>
 
 #### 间隔 {#space-between}
 
-<masa-example file="Examples.labs.swiper.SpaceBetween"></masa-example>
+<masa-example file="Examples.mobiles.swiper.SpaceBetween"></masa-example>
 
 #### 自动高度 {#auto-height}
 
@@ -50,18 +50,18 @@ related:
 </MSwiper>
 ```
 
-<masa-example file="Examples.labs.swiper.AutoHeight"></masa-example>
+<masa-example file="Examples.mobiles.swiper.AutoHeight"></masa-example>
 
 ### 模块组件 {#module-components}
 
 #### 导航 {#navigation}
 
-<masa-example file="Examples.labs.swiper.Navigation"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Navigation"></masa-example>
 
 #### 分页 {#pagination}
 
-<masa-example file="Examples.labs.swiper.Pagination"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Pagination"></masa-example>
 
 #### 自动播放 {#autoplay}
 
-<masa-example file="Examples.labs.swiper.Autoplay"></masa-example>
+<masa-example file="Examples.mobiles.swiper.Autoplay"></masa-example>
diff --git a/docs/Masa.Docs.Core/JsonConverters/NavItemsJsonConverter.cs b/docs/Masa.Docs.Core/JsonConverters/NavItemsJsonConverter.cs
index 0148f2c3..a8cb26bb 100644
--- a/docs/Masa.Docs.Core/JsonConverters/NavItemsJsonConverter.cs
+++ b/docs/Masa.Docs.Core/JsonConverters/NavItemsJsonConverter.cs
@@ -68,10 +68,6 @@ public class NavItemsJsonConverter : JsonConverter<List<NavItem>>
                             case "releasedOn":
                                 navItem.ReleasedOn = reader.GetString();
                                 break;
-                            case "hidden":
-                                var hidden = reader.GetBoolean();
-                                navItem.Hidden = hidden;
-                                break;
                             case "items":
                                 navItem.Children = ReadSubItems(ref reader);
                                 break;
diff --git a/docs/Masa.Docs.Core/Models/NavItem.cs b/docs/Masa.Docs.Core/Models/NavItem.cs
index d5839063..d0890d91 100644
--- a/docs/Masa.Docs.Core/Models/NavItem.cs
+++ b/docs/Masa.Docs.Core/Models/NavItem.cs
@@ -35,9 +35,5 @@ public class NavItem : IDefaultItem<NavItem>
     
     public string? ReleasedOn { get; set; }
 
-    public bool? Hidden { get; set; }
-
     public string? Segment => (Group ?? Title);
-
-    public bool IsHidden => Hidden.HasValue && Hidden.Value && (Children != null && Children.All(c => c.IsHidden));
 }
diff --git a/docs/Masa.Docs.Core/Services/GithubService.cs b/docs/Masa.Docs.Core/Services/GithubService.cs
index be3a48b9..e2ab886d 100644
--- a/docs/Masa.Docs.Core/Services/GithubService.cs
+++ b/docs/Masa.Docs.Core/Services/GithubService.cs
@@ -101,26 +101,21 @@ public class GithubService(ExpiryLocalStorage localStorage, ILogger<GithubServic
         try
         {
             var client = CreateClient(owner, repo);
-            var response = await client.Actions.Workflows.Runs.ListByWorkflow(owner, repo,
+
+            var releaseResponse = await client.Repository.Release.GetLatest(owner, repo);
+            if (releaseResponse is null) return null;
+            var release = releaseResponse.TagName;
+            
+            var runsResponse = await client.Actions.Workflows.Runs.ListByWorkflow(owner, repo,
                 ".github/workflows/wasm-prd.yml",
                 new WorkflowRunsRequest
                 {
                     Status = CheckRunStatusFilter.Success
                 });
 
-            var latest = response.WorkflowRuns.FirstOrDefault();
+            var latest = runsResponse.WorkflowRuns.FirstOrDefault();
             if (latest == null) return null;
             var commitSha = latest.HeadSha;
-            string? release;
-            if (latest.Event == "release")
-            {
-                release = latest.DisplayTitle;
-            }
-            else
-            {
-                latest = response.WorkflowRuns.FirstOrDefault(u => u.Event == "release");
-                release = latest?.HeadBranch;
-            }
 
             latestBuild = new LatestBuild(commitSha, release);
             await localStorage.SetExpiryItemAsync(key, latestBuild, TimeSpan.FromHours(1));
diff --git a/docs/Masa.Docs.Shared/ServiceCollectionExtensions.cs b/docs/Masa.Docs.Shared/ServiceCollectionExtensions.cs
index f3c05116..7f6a7acd 100644
--- a/docs/Masa.Docs.Shared/ServiceCollectionExtensions.cs
+++ b/docs/Masa.Docs.Shared/ServiceCollectionExtensions.cs
@@ -77,6 +77,8 @@ public static class ServiceCollectionExtensions
                     "M9.5,4C5.36,4 2,6.69 2,10C2,11.89 3.08,13.56 4.78,14.66L4,17L6.5,15.5C7.39,15.81 8.37,16 9.41,16C9.15,15.37 9,14.7 9,14C9,10.69 12.13,8 16,8C16.19,8 16.38,8 16.56,8.03C15.54,5.69 12.78,4 9.5,4M6.5,6.5A1,1 0 0,1 7.5,7.5A1,1 0 0,1 6.5,8.5A1,1 0 0,1 5.5,7.5A1,1 0 0,1 6.5,6.5M11.5,6.5A1,1 0 0,1 12.5,7.5A1,1 0 0,1 11.5,8.5A1,1 0 0,1 10.5,7.5A1,1 0 0,1 11.5,6.5M16,9C12.69,9 10,11.24 10,14C10,16.76 12.69,19 16,19C16.67,19 17.31,18.92 17.91,18.75L20,20L19.38,18.13C20.95,17.22 22,15.71 22,14C22,11.24 19.31,9 16,9M14,11.5A1,1 0 0,1 15,12.5A1,1 0 0,1 14,13.5A1,1 0 0,1 13,12.5A1,1 0 0,1 14,11.5M18,11.5A1,1 0 0,1 19,12.5A1,1 0 0,1 18,13.5A1,1 0 0,1 17,12.5A1,1 0 0,1 18,11.5Z");
                 aliases.UserDefined["languageJavascript"] = new SvgPath(
                     "M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z");
+                aliases.UserDefined["nuget"] = new SvgPath(
+                    "M17.67 21.633a3.995 3.995 0 1 1 0-7.99 3.995 3.995 0 0 1 0 7.99m-7.969-9.157a2.497 2.497 0 1 1 0-4.994 2.497 2.497 0 0 1 0 4.994m8.145-7.795h-6.667a6.156 6.156 0 0 0-6.154 6.155v6.667a6.154 6.154 0 0 0 6.154 6.154h6.667A6.154 6.154 0 0 0 24 17.503v-6.667a6.155 6.155 0 0 0-6.154-6.155M3.995 2.339a1.998 1.998 0 1 1-3.996 0 1.998 1.998 0 0 1 3.996 0");
             });
         });
 
diff --git a/docs/Masa.Docs.Shared/Shared/DocLayout.razor b/docs/Masa.Docs.Shared/Shared/DocLayout.razor
index fb9b2bac..a551cfa6 100644
--- a/docs/Masa.Docs.Shared/Shared/DocLayout.razor
+++ b/docs/Masa.Docs.Shared/Shared/DocLayout.razor
@@ -1,7 +1,6 @@
 @layout BaseLayout
 @inherits LayoutComponentBase
 @implements IAsyncDisposable
-@inject NavigationManager NavigationManager
 @using Masa.Blazor.Extensions
 
 <NavDrawer @bind-Value="_showDrawer"
diff --git a/docs/Masa.Docs.Shared/wwwroot/locale/en-US.json b/docs/Masa.Docs.Shared/wwwroot/locale/en-US.json
index f68fdf29..37efa0bf 100644
--- a/docs/Masa.Docs.Shared/wwwroot/locale/en-US.json
+++ b/docs/Masa.Docs.Shared/wwwroot/locale/en-US.json
@@ -13,7 +13,7 @@
   "upgrade-guide": "Upgrade guide",
   "contributing": "Contributing",
   "styles-and-animations": "Styles and animations",
-  "ui-components": "Components",
+  "ui-components": "UI Components",
   "features": "Features",
   "border-radius": "Border radius",
   "color": "Colors",
@@ -213,7 +213,7 @@
   "markdowns": "Markdowns",
   "markdown-parsers": "Markdown parsers",
   "menus": "Menus",
-  "mobiles": "Mobiles",
+  "mobiles": "Mobile components",
   "mobile-cascader": "Mobile cascader",
   "mobile-date-pickers": "Mobile date pickers",
   "mobile-date-time-pickers": "Mobile date time pickers",
diff --git a/docs/Masa.Docs.Shared/wwwroot/locale/zh-CN.json b/docs/Masa.Docs.Shared/wwwroot/locale/zh-CN.json
index 2d050159..5bffde69 100644
--- a/docs/Masa.Docs.Shared/wwwroot/locale/zh-CN.json
+++ b/docs/Masa.Docs.Shared/wwwroot/locale/zh-CN.json
@@ -13,7 +13,7 @@
   "made-with-masa-blazor": "使用 MASA Blazor 制作的项目",
   "installation": "安装",
   "styles-and-animations": "样式和动画",
-  "ui-components": "组件",
+  "ui-components": "UI 组件",
   "js-modules": "JavaScript模块",
   "intersection-observer": "交叉观察者",
   "labs": "实验室",
@@ -210,7 +210,7 @@
   "markdowns": "Markdowns（Markdown编辑器）",
   "markdown-parsers": "Markdown parsers（Markdown解析器）",
   "menus": "Menus（菜单）",
-  "mobiles": "Mobiles（移动端）",
+  "mobiles": "移动端组件",
   "mobile-cascader": "Mobile cascader（移动端级联）",
   "mobile-date-pickers": "Mobile date pickers（移动端日期选择器）",
   "mobile-date-time-pickers": "Mobile date time pickers（移动端日期时间选择器）",
diff --git a/imgs/logo-96x96.png b/imgs/logo-96x96.png
new file mode 100644
index 00000000..bbd0f27d
Binary files /dev/null and b/imgs/logo-96x96.png differ
diff --git a/imgs/logo.png b/imgs/logo.png
index 6fd386bf..6b093311 100644
Binary files a/imgs/logo.png and b/imgs/logo.png differ
diff --git a/src/Masa.Blazor/Components/MobilePicker/MMobilePickerColumn.razor b/src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerColumn.razor
similarity index 100%
rename from src/Masa.Blazor/Components/MobilePicker/MMobilePickerColumn.razor
rename to src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerColumn.razor
diff --git a/src/Masa.Blazor/Components/MobilePicker/MMobilePickerColumn.razor.cs b/src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerColumn.razor.cs
similarity index 100%
rename from src/Masa.Blazor/Components/MobilePicker/MMobilePickerColumn.razor.cs
rename to src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerColumn.razor.cs
diff --git a/src/Masa.Blazor/Components/MobilePicker/MMobilePickerView.razor b/src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerView.razor
similarity index 100%
rename from src/Masa.Blazor/Components/MobilePicker/MMobilePickerView.razor
rename to src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerView.razor
diff --git a/src/Masa.Blazor/Components/MobilePicker/MMobilePickerView.razor.cs b/src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerView.razor.cs
similarity index 100%
rename from src/Masa.Blazor/Components/MobilePicker/MMobilePickerView.razor.cs
rename to src/Masa.Blazor.MobileComponents/Components/MobilePicker/MMobilePickerView.razor.cs
diff --git a/src/Masa.Blazor/Components/MobilePicker/MobilePickerColumn.cs b/src/Masa.Blazor.MobileComponents/Components/MobilePicker/MobilePickerColumn.cs
similarity index 100%
rename from src/Masa.Blazor/Components/MobilePicker/MobilePickerColumn.cs
rename to src/Masa.Blazor.MobileComponents/Components/MobilePicker/MobilePickerColumn.cs
diff --git a/src/Masa.Blazor/Components/PullRefresh/MPullRefresh.razor b/src/Masa.Blazor.MobileComponents/Components/PullRefresh/MPullRefresh.razor
similarity index 100%
rename from src/Masa.Blazor/Components/PullRefresh/MPullRefresh.razor
rename to src/Masa.Blazor.MobileComponents/Components/PullRefresh/MPullRefresh.razor
diff --git a/src/Masa.Blazor/Components/PullRefresh/MPullRefresh.razor.cs b/src/Masa.Blazor.MobileComponents/Components/PullRefresh/MPullRefresh.razor.cs
similarity index 100%
rename from src/Masa.Blazor/Components/PullRefresh/MPullRefresh.razor.cs
rename to src/Masa.Blazor.MobileComponents/Components/PullRefresh/MPullRefresh.razor.cs
diff --git a/src/Masa.Blazor/Components/PullRefresh/PullRefreshStatus.cs b/src/Masa.Blazor.MobileComponents/Components/PullRefresh/PullRefreshStatus.cs
similarity index 100%
rename from src/Masa.Blazor/Components/PullRefresh/PullRefreshStatus.cs
rename to src/Masa.Blazor.MobileComponents/Components/PullRefresh/PullRefreshStatus.cs
diff --git a/src/Masa.Blazor/Components/PullRefresh/README.md b/src/Masa.Blazor.MobileComponents/Components/PullRefresh/README.md
similarity index 100%
rename from src/Masa.Blazor/Components/PullRefresh/README.md
rename to src/Masa.Blazor.MobileComponents/Components/PullRefresh/README.md
diff --git a/src/Masa.Blazor/Components/PullRefresh/Toucher.cs b/src/Masa.Blazor.MobileComponents/Components/PullRefresh/Toucher.cs
similarity index 100%
rename from src/Masa.Blazor/Components/PullRefresh/Toucher.cs
rename to src/Masa.Blazor.MobileComponents/Components/PullRefresh/Toucher.cs
diff --git a/src/Masa.Blazor.MobileComponents/Masa.Blazor.MobileComponents.csproj b/src/Masa.Blazor.MobileComponents/Masa.Blazor.MobileComponents.csproj
new file mode 100644
index 00000000..38c60138
--- /dev/null
+++ b/src/Masa.Blazor.MobileComponents/Masa.Blazor.MobileComponents.csproj
@@ -0,0 +1,29 @@
+<Project Sdk="Microsoft.NET.Sdk.Razor">
+
+    <PropertyGroup>
+        <TargetFramework>net6.0</TargetFramework>
+        <Nullable>enable</Nullable>
+        <ImplicitUsings>enable</ImplicitUsings>
+        <LangVersion>12</LangVersion>
+        <PackageIcon>../../imgs/logo-96x96.png</PackageIcon>
+    </PropertyGroup>
+
+    <ItemGroup>
+        <SupportedPlatform Include="browser"/>
+    </ItemGroup>
+
+    <ItemGroup>
+        <PackageReference Include="Microsoft.AspNetCore.Components.Web" Version="6.0.33"/>
+    </ItemGroup>
+
+    <ItemGroup>
+        <ProjectReference Include="..\Masa.Blazor\Masa.Blazor.csproj"/>
+        <ProjectReference Include="..\Masa.Blazor.Docs.ComponentApiGenerator\Masa.Blazor.Docs.ComponentApiGenerator.csproj" OutputItemType="Analyzer" ReferenceOutputAssembly="false" />
+    </ItemGroup>
+
+    <ItemGroup>
+        <None Include="../../imgs/logo-96x96.png" Pack="true" PackagePath="$(PackageIcon)" />
+        <Content Remove="tsconfig.json;package.json" />
+    </ItemGroup>
+
+</Project>
diff --git a/src/Masa.Blazor/Presets/MobileCascader/PMobileCascader.razor b/src/Masa.Blazor.MobileComponents/Presets/MobileCascader/PMobileCascader.razor
similarity index 100%
rename from src/Masa.Blazor/Presets/MobileCascader/PMobileCascader.razor
rename to src/Masa.Blazor.MobileComponents/Presets/MobileCascader/PMobileCascader.razor
diff --git a/src/Masa.Blazor/Presets/MobileCascader/PMobileCascader.razor.cs b/src/Masa.Blazor.MobileComponents/Presets/MobileCascader/PMobileCascader.razor.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobileCascader/PMobileCascader.razor.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobileCascader/PMobileCascader.razor.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileDatePicker/DateColumn.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDatePicker/DateColumn.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileDatePicker/DateColumn.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDatePicker/DateColumn.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileDatePicker/DatePrecision.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDatePicker/DatePrecision.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileDatePicker/DatePrecision.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDatePicker/DatePrecision.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileDatePicker/PMobileDatePicker.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDatePicker/PMobileDatePicker.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileDatePicker/PMobileDatePicker.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDatePicker/PMobileDatePicker.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileDateTimePicker/DateTimeColumn.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDateTimePicker/DateTimeColumn.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileDateTimePicker/DateTimeColumn.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDateTimePicker/DateTimeColumn.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileDateTimePicker/DateTimePrecision.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDateTimePicker/DateTimePrecision.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileDateTimePicker/DateTimePrecision.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDateTimePicker/DateTimePrecision.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileDateTimePicker/PMobileDateTimePicker.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDateTimePicker/PMobileDateTimePicker.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileDateTimePicker/PMobileDateTimePicker.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileDateTimePicker/PMobileDateTimePicker.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobilePickerBase.razor b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobilePickerBase.razor
similarity index 95%
rename from src/Masa.Blazor/Presets/MobilePicker/MobilePickerBase.razor
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobilePickerBase.razor
index 53e8e05b..36c86d01 100644
--- a/src/Masa.Blazor/Presets/MobilePicker/MobilePickerBase.razor
+++ b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobilePickerBase.razor
@@ -1,4 +1,5 @@
-@typeparam TColumn
+@namespace Masa.Blazor.Presets.MobilePicker
+@typeparam TColumn
 @typeparam TColumnItem
 @typeparam TColumnItemValue
 @typeparam TValue
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobilePickerBase.razor.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobilePickerBase.razor.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobilePickerBase.razor.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobilePickerBase.razor.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileTimePicker/PMobileTimePicker.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileTimePicker/PMobileTimePicker.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileTimePicker/PMobileTimePicker.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileTimePicker/PMobileTimePicker.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileTimePicker/TimeColumn.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileTimePicker/TimeColumn.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileTimePicker/TimeColumn.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileTimePicker/TimeColumn.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/MobileTimePicker/TimePrecision.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileTimePicker/TimePrecision.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/MobileTimePicker/TimePrecision.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/MobileTimePicker/TimePrecision.cs
diff --git a/src/Masa.Blazor/Presets/MobilePicker/PMobilePicker.cs b/src/Masa.Blazor.MobileComponents/Presets/MobilePicker/PMobilePicker.cs
similarity index 100%
rename from src/Masa.Blazor/Presets/MobilePicker/PMobilePicker.cs
rename to src/Masa.Blazor.MobileComponents/Presets/MobilePicker/PMobilePicker.cs
diff --git a/src/Masa.Blazor.MobileComponents/_Imports.cs b/src/Masa.Blazor.MobileComponents/_Imports.cs
new file mode 100644
index 00000000..7bebf054
--- /dev/null
+++ b/src/Masa.Blazor.MobileComponents/_Imports.cs
@@ -0,0 +1,8 @@
+global using Microsoft.JSInterop;
+global using Microsoft.AspNetCore.Components;
+global using Microsoft.AspNetCore.Components.Web;
+global using Microsoft.Extensions.Logging;
+global using Masa.Blazor.Core;
+global using Masa.Blazor.Attributes;
+global using Masa.Blazor.Extensions;
+global using BemIt;
diff --git a/src/Masa.Blazor.MobileComponents/_Imports.razor b/src/Masa.Blazor.MobileComponents/_Imports.razor
new file mode 100644
index 00000000..d912130d
--- /dev/null
+++ b/src/Masa.Blazor.MobileComponents/_Imports.razor
@@ -0,0 +1,2 @@
+@using Microsoft.AspNetCore.Components.Web
+@using Masa.Blazor.Core
\ No newline at end of file
diff --git a/src/Masa.Blazor/AssemblyInfo.cs b/src/Masa.Blazor/AssemblyInfo.cs
new file mode 100644
index 00000000..1c7cac03
--- /dev/null
+++ b/src/Masa.Blazor/AssemblyInfo.cs
@@ -0,0 +1,4 @@
+using System.Runtime.CompilerServices;
+
+[assembly: InternalsVisibleTo("Masa.Blazor.Test")]
+[assembly: InternalsVisibleTo("Masa.Blazor.MobileComponents")]
\ No newline at end of file
diff --git a/src/Masa.Blazor/Services/Application.cs b/src/Masa.Blazor/Services/Application.cs
index 2b6318a5..2a4b8c5a 100644
--- a/src/Masa.Blazor/Services/Application.cs
+++ b/src/Masa.Blazor/Services/Application.cs
@@ -1,7 +1,4 @@
-using System.Runtime.CompilerServices;
-using System.ComponentModel;
-
-[assembly: InternalsVisibleTo("Masa.Blazor.Test")]
+using System.ComponentModel;
 
 namespace Masa.Blazor
 {