diff --git a/arkui/ace_ets_components_ux/BUILD.gn b/arkui/ace_ets_components_ux/BUILD.gn
index b9dec330cae6e4f97b4cb1d2d546eebd62326802..f1071376e9746724fd9fe5a77c726b0929ca2758 100644
--- a/arkui/ace_ets_components_ux/BUILD.gn
+++ b/arkui/ace_ets_components_ux/BUILD.gn
@@ -24,6 +24,7 @@ group("componentUxTest") {
       "ace_ets_component_indexer:ActsAlphabetIndexerTest",
       "ace_ets_component_list:ActsAceListTest",
       "ace_ets_component_menu:ActsAceMenuTest",
+      "ace_ets_component_navigation:ActsAceNavigationTest",
       "ace_ets_component_popup:ActsAcePopupTest",
       "ace_ets_component_progress:ActsAceProgressTest",
       "ace_ets_component_radio:ActsAceRadioTest",
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/app.json b/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/app.json
new file mode 100644
index 0000000000000000000000000000000000000000..6f3102ce5959fdaf107d3b4598279b8e113c5245
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/app.json
@@ -0,0 +1,19 @@
+{
+    "app": {
+        "bundleName": "com.example.navigationtest",
+    	"vendor": "example",
+        "versionCode": 1000000,
+        "versionName": "1.0.0",
+    	"icon": "$media:app_icon",
+        "label": "$string:app_name",
+        "distributedNotificationEnabled": true,
+        "keepAlive": true,
+        "singleUser": true,
+        "minAPIVersion": 10,
+        "targetAPIVersion": 10,
+        "car": {
+            "apiCompatibleVersion": 10,
+            "singleUser": false
+        }
+    }
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/resources/base/element/string.json b/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/resources/base/element/string.json
new file mode 100644
index 0000000000000000000000000000000000000000..fc362df8e5da2b83405af1aab1753802e3bb4ea0
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/resources/base/element/string.json
@@ -0,0 +1,8 @@
+{
+ "string":[
+    {
+      "name":"app_name",
+      "value":"ActsAceNavigationTest"
+    }
+  ]
+}      
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/resources/base/media/app_icon.png b/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/resources/base/media/app_icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce307a8827bd75456441ceb57d530e4c8d45d36c
Binary files /dev/null and b/arkui/ace_ets_components_ux/ace_ets_component_navigation/AppScope/resources/base/media/app_icon.png differ
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/BUILD.gn b/arkui/ace_ets_components_ux/ace_ets_component_navigation/BUILD.gn
new file mode 100644
index 0000000000000000000000000000000000000000..1506dcb5934cca386e3196db2c604cd379fffa4e
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/BUILD.gn
@@ -0,0 +1,43 @@
+# Copyright (c) 2021 Huawei Device Co., Ltd.
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+import("//test/xts/tools/build/suite.gni")
+
+ohos_js_hap_suite("ActsAceNavigationTest") {
+  hap_profile = "src/main/module.json"
+  js_build_mode = "debug"
+  deps = [
+    ":ace_ets_component_navigation_js_assets",
+    ":ace_ets_component_navigation_resources",
+  ]
+  ets2abc = true
+  certificate_profile = "signature/openharmony_sx.p7b"
+  hap_name = "ActsAceNavigationTest"
+  part_name = "ace_engine"
+  subsystem_name = "arkui"
+}
+
+ohos_app_scope("ace_ets_component_navigation_profile") {
+  app_profile = "AppScope/app.json"
+  sources = [ "AppScope/resources" ]
+}
+
+ohos_js_assets("ace_ets_component_navigation_js_assets") {
+  source_dir = "src/main/ets"
+}
+
+ohos_resources("ace_ets_component_navigation_resources") {
+  sources = [ "src/main/resources" ]
+  deps = [ ":ace_ets_component_navigation_profile" ]
+  hap_profile = "src/main/module.json"
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/Test.json b/arkui/ace_ets_components_ux/ace_ets_component_navigation/Test.json
new file mode 100644
index 0000000000000000000000000000000000000000..4f0000af5bec4ca57d0ffa106339b1bded48ddb1
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/Test.json
@@ -0,0 +1,26 @@
+{
+    "description": "Configuration for hjunit demo Tests",
+    "driver": {
+        "type": "OHJSUnitTest",
+        "test-timeout": "600000",
+        "bundle-name": "com.example.navigationtest",
+        "module-name": "entry_test",
+        "shell-timeout": "600000",
+        "testcase-timeout": 240000
+    },
+    "kits": [{
+        "test-file-name": [
+            "ActsAceNavigationTest.hap"
+        ],
+        "type": "AppInstallKit",
+        "cleanup-apps": true
+        },
+        {
+            "type": "ShellKit",
+            "run-command": [
+                "power-shell wakeup",
+                "power-shell setmode 602"
+            ]
+        }
+    ]
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/signature/openharmony_sx.p7b b/arkui/ace_ets_components_ux/ace_ets_component_navigation/signature/openharmony_sx.p7b
new file mode 100644
index 0000000000000000000000000000000000000000..20b6e3d2fa14c0d0fc6df3fec6df974e99b7b8dd
Binary files /dev/null and b/arkui/ace_ets_components_ux/ace_ets_component_navigation/signature/openharmony_sx.p7b differ
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestAbility/TestAbility.ets b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestAbility/TestAbility.ets
new file mode 100644
index 0000000000000000000000000000000000000000..8d65dd2ea8346a8b5d12ac7aff026197a95abaea
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestAbility/TestAbility.ets
@@ -0,0 +1,63 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import hilog from '@ohos.hilog';
+import Ability from '@ohos.app.ability.UIAbility'
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'
+import testsuite from '../test/List.test'
+import Window from '@ohos.window'
+
+export default class TestAbility extends Ability {
+    onCreate(want, launchParam) {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onCreate');
+        hilog.info(0x0000, 'testTag', '%{public}s', 'want param:' + JSON.stringify(want) ?? '');
+        hilog.info(0x0000, 'testTag', '%{public}s', 'launchParam:'+ JSON.stringify(launchParam) ?? '');
+    }
+
+    onDestroy() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onDestroy');
+    }
+
+    onWindowStageCreate(windowStage: Window.WindowStage) {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageCreate');
+        windowStage.loadContent('TestAbility/pages/Index', (err, data) => {
+            if (err.code) {
+                hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.ERROR);
+                hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
+                return;
+            }
+            hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+            hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s',
+                JSON.stringify(data) ?? '');
+        });
+    }
+
+    onWindowStageDestroy() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onWindowStageDestroy');
+    }
+
+    onForeground() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onForeground');
+    }
+
+    onBackground() {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', '%{public}s', 'TestAbility onBackground');
+    }
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestAbility/pages/Index.ets b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestAbility/pages/Index.ets
new file mode 100644
index 0000000000000000000000000000000000000000..fa9dc55ccf42484c91c3c68380834ba65492650f
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestAbility/pages/Index.ets
@@ -0,0 +1,108 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import events_emitter from '@ohos.events.emitter';
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry';
+import { Hypium } from '@ohos/hypium';
+import hilog from '@ohos.hilog';
+import testsuite from '../../test/List.test'
+
+@Entry
+@Component
+struct navigationTest {
+  aboutToAppear() {
+    var abilityDelegator: any
+    abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+    var abilityDelegatorArguments: any
+    abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', '%{public}s', 'start run testcase!!!');
+    Hypium.hypiumTest(abilityDelegator, abilityDelegatorArguments, testsuite)
+  }
+
+  build() {
+    Row() {
+      Column() {
+        List({ space: 0, initialIndex: 0 }) {
+          ListItem() {
+            Navigation() {
+            }
+            .key("ArkUX_Stage_Navigation_0100")
+            .title({ main: 'title', sub: "SubTitle" })
+            .menus([
+              { value: "m1", icon: 'resources/base/media/icon.png', action: () => {
+                console.log("m1")
+              }
+              },
+              { value: "m2", icon: 'resources/base/media/icon.png', action: () => {
+                console.log("m2")
+              } },
+              { value: "m2", icon: 'resources/base/media/icon.png', action: () => {
+                console.log("m2")
+              } },
+              { value: "m2", icon: 'resources/base/media/icon.png', action: () => {
+                console.log("m2")
+              } },
+
+              { value: "m3", icon: 'resources/base/media/icon.png', action: () => {
+                console.log("m3")
+              } }])
+            .titleMode(NavigationTitleMode.Free)
+            .toolbarConfiguration([
+              {
+                value: "app",
+                icon: 'resources/base/media/star_icon.svg',
+                status: ToolbarItemStatus.NORMAL,
+                action: () => {
+                  console.log("app")
+                }
+              },
+              { value: "add", icon: 'resources/base/media/star_icon.svg',
+                status: ToolbarItemStatus.DISABLED,
+                action: () => {
+                  console.log("add")
+                } },
+              {
+                value: "1",
+                icon: 'resources/base/media/star_icon.svg',
+                status: ToolbarItemStatus.ACTIVE,
+                activeIcon: 'resources/base/media/star_icon.svg',
+                action: () => {
+                  console.log("collect")
+                }
+              },
+              { value: "share", icon: 'resources/base/media/star_icon.svg', action: () => {
+                console.log("share")
+              } },
+              { value: "delete", icon: 'resources/base/media/star_icon.svg', action: () => {
+                console.log("delete")
+              } },
+              { value: 'select', icon: 'resources/base/media/star_icon.svg', action: () => {
+                console.log("select")
+              } }])
+            .hideTitleBar(false)
+            .hideToolBar(false)
+            .hideBackButton(false)
+            .mode(NavigationMode.Stack)
+            .onTitleModeChange((titleModel: NavigationTitleMode) => {
+              console.info('titleMode' + titleModel)
+            })
+          }
+        }
+      }
+      .width('100%')
+    }
+    .height('100%')
+  }
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts
new file mode 100644
index 0000000000000000000000000000000000000000..9e1abddd7bbe6397074c212e829534c6202bf6b3
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts
@@ -0,0 +1,84 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import hilog from '@ohos.hilog';
+import TestRunner from '@ohos.application.testRunner'
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'
+
+var abilityDelegator = undefined
+var abilityDelegatorArguments = undefined
+
+function translateParamsToString(parameters) {
+  const keySet = new Set([
+    '-s class', '-s notClass', '-s suite', '-s it',
+    '-s level', '-s testType', '-s size', '-s timeout',
+    '-s dryRun'
+  ]);
+  let targetParams = '';
+  for (const key in parameters) {
+    if (keySet.has(key)) {
+      targetParams = `${targetParams} ${key} ${parameters[key]}`;
+    }
+  }
+  return targetParams.trim();
+}
+
+async function onAbilityCreateCallback() {
+  hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+  hilog.info(0x0000, 'testTag', '%{public}s', 'onAbilityCreateCallback');
+}
+
+async function addAbilityMonitorCallback(err): Promise<void> {
+  hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+  hilog.info(0x0000, 'testTag', 'addAbilityMonitorCallback : %{public}s', JSON.stringify(err) ?? '');
+}
+
+export default class OpenHarmonyTestRunner implements TestRunner {
+  constructor() {
+  }
+
+  onPrepare() {
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner OnPrepare ');
+  }
+
+  async onRun() {
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner onRun run');
+    abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments();
+    abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator();
+    let testAbilityName = abilityDelegatorArguments.bundleName + '.TestAbility';
+    let lMonitor = {
+      abilityName: testAbilityName,
+      onAbilityCreate: onAbilityCreateCallback,
+    };
+    abilityDelegator.addAbilityMonitor(lMonitor, addAbilityMonitorCallback);
+    let cmd = 'aa start -d 0 -a TestAbility' + ' -b ' + abilityDelegatorArguments.bundleName;
+    cmd += ' ' + translateParamsToString(abilityDelegatorArguments.parameters);
+    let debug = abilityDelegatorArguments.parameters['-D'];
+    if (debug == 'true') {
+      cmd += ' -D';
+    }
+    hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+    hilog.info(0x0000, 'testTag', 'cmd : %{public}s', cmd);
+    abilityDelegator.executeShellCommand(cmd,
+      (err, d) => {
+        hilog.isLoggable(0x0000, 'testTag', hilog.LogLevel.INFO);
+        hilog.info(0x0000, 'testTag', 'executeShellCommand : err : %{public}s', JSON.stringify(err) ?? '');
+        hilog.info(0x0000, 'testTag', 'executeShellCommand : data : %{public}s', d.stdResult ?? '');
+        hilog.info(0x0000, 'testTag', 'executeShellCommand : data : %{public}s', d.exitCode ?? '');
+      });
+    hilog.info(0x0000, 'testTag', '%{public}s', 'OpenHarmonyTestRunner onRun end');
+  }
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/test/List.test.ets b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/test/List.test.ets
new file mode 100644
index 0000000000000000000000000000000000000000..33a7cc83bd5c9edbb5c86ebb828c8f75d46d9f22
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/test/List.test.ets
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import navigationTest from './navigation'
+
+export default function testsuite() {
+  navigationTest()
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/test/navigation.ets b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/test/navigation.ets
new file mode 100644
index 0000000000000000000000000000000000000000..6ba5262d881311478ad639d82568887fef3dea57
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/ets/test/navigation.ets
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) 2023 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// @ts-nocheck
+import { describe, beforeEach, afterEach, it, expect } from '@ohos/hypium'
+let emitKey = "emitUserAgent";
+export default function navigationTest() {
+  describe('ActsNavigationTest', function () {
+
+    /*
+     *tc.number ArkUX_Stage_Navigation_0100
+     *tc.name   Add interfaces to control the disable and active states on the toolbar
+     *tc.desc   Gets the toolbarConfiguration value undefined
+     */
+    it('ArkUX_Stage_Navigation_0100', 0, async function (done) {
+      console.info('ArkUX_Stage_Navigation_0100 START');
+      setTimeout(() => {
+        try {
+          let strJson = getInspectorByKey('ArkUX_Stage_Navigation_0100');
+          console.info('ArkUX_Stage_Navigation_0100 START  :' + JSON.stringify(strJson));
+          let obj = JSON.parse(strJson);
+          console.info("ArkUX_Stage_Navigation_0100 component obj.$attrs.toolbarConfiguration is: " +
+          JSON.stringify(obj.$attrs.toolbarConfiguration));
+          console.info('ArkUX_Stage_Navigation_0100 END ');
+        } catch (err) {
+          expect().assertFail();
+          console.info('ArkUX_Stage_Navigation_0100 ERR  ' + JSON.stringify(err));
+        }
+        done();
+      }, 5000)
+    });
+  })
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/module.json b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/module.json
new file mode 100644
index 0000000000000000000000000000000000000000..41203db25b2f1fa0a38ba77ab433d414374d1053
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/module.json
@@ -0,0 +1,41 @@
+{
+  "module": {
+    "name": "entry_test",
+    "type": "feature",
+    "description": "$string:module_test_desc",
+    "mainElement": "TestAbility",
+    "deviceTypes": [
+      "default",
+      "tablet"
+    ],
+    "deliveryWithInstall": true,
+    "installationFree": false,
+    "pages": "$profile:test_pages",
+    "metadata": [{
+      "name": "ArkTSPartialUpdate",
+      "value": "true"
+    }],
+    "abilities": [
+      {
+        "name": "TestAbility",
+        "srcEntrance": "./ets/TestAbility/TestAbility.ets",
+        "description": "$string:TestAbility_desc",
+        "icon": "$media:icon",
+        "label": "$string:TestAbility_label",
+        "visible": true,
+        "startWindowIcon": "$media:icon",
+        "startWindowBackground": "$color:start_window_background",
+        "skills": [
+          {
+            "actions": [
+              "action.system.home"
+            ],
+            "entities": [
+              "entity.system.home"
+            ]
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/element/color.json b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/element/color.json
new file mode 100644
index 0000000000000000000000000000000000000000..586382563057582bb7de7372322564c1487fece1
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/element/color.json
@@ -0,0 +1,16 @@
+{
+  "color": [
+    {
+      "name": "start_window_background",
+      "value": "#FFFFFF"
+    },
+    {
+      "name": "Divider_color",
+      "value": "#000000"
+    },
+    {
+      "name": "TextInput_Color",
+      "value": "#FFFD0000"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/element/string.json b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/element/string.json
new file mode 100644
index 0000000000000000000000000000000000000000..f1e494a000a542da58764c7bba7ae9e8fcafaf9d
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/element/string.json
@@ -0,0 +1,36 @@
+{
+  "string": [
+    {
+      "name": "module_test_desc",
+      "value": "test ability description"
+    },
+    {
+      "name": "TestAbility_desc",
+      "value": "the test ability"
+    },
+    {
+      "name": "TestAbility_label",
+      "value": "test label"
+    },
+    {
+      "name": "Divider_width",
+      "value": "10px"
+    },
+    {
+      "name": "Divider_startMargin",
+      "value": "5px"
+    },
+    {
+      "name": "Divider_endMargin",
+      "value": "5px"
+    },
+    {
+      "name": "textInput_Size_test",
+      "value": "4px"
+    },
+    {
+      "name": "TextInput_ShowError_test",
+      "value": "string"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/icon.png b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce307a8827bd75456441ceb57d530e4c8d45d36c
Binary files /dev/null and b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/icon.png differ
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_app_bar_back.svg b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_app_bar_back.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c3d69f02a6b45813535684de79ae10358d6dd650
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_app_bar_back.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic_appbar_back</title>
+    <defs>
+        <path d="M5.31079777,13.7499686 L11.2803301,19.7196699 L11.3140714,19.7556673 C11.5727547,20.0502619 11.5615076,20.4991526 11.2803301,20.7803301 C10.9991526,21.0615076 10.5502619,21.0727547 10.2556673,20.8140714 L10.2196699,20.7803301 L3.18929777,13.7499686 L5.31079777,13.7499686 Z M10.2196699,3.21966991 C10.5125631,2.9267767 10.9874369,2.9267767 11.2803301,3.21966991 C11.5615076,3.5008474 11.5727547,3.94973814 11.3140714,4.24433269 L11.2803301,4.28033009 L4.3105,11.25 L21,11.25 C21.3994202,11.25 21.7259152,11.56223 21.7487268,11.9559318 L21.75,12 C21.75,12.3994202 21.43777,12.7259152 21.0440682,12.7487268 L21,12.75 L3.10355339,12.75 C2.8383369,12.75 2.58398299,12.6446432 2.39644661,12.4571068 C2.01893979,12.0796 2.00635623,11.4753589 2.35869593,11.0827365 L2.39644661,11.0428932 L10.2196699,3.21966991 Z" id="path-1"></path>
+    </defs>
+    <g id="ic_appbar_back" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="形状结合" fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_app_bar_fa.svg b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_app_bar_fa.svg
new file mode 100644
index 0000000000000000000000000000000000000000..21fd0f0ea79d384c4a33dfd4c7cbcc9982d2bfbc
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_app_bar_fa.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic_appbar_fa</title>
+    <g id="ic_appbar_fa" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M22,11.35 C22.4142136,11.35 22.75,11.6857864 22.75,12.1 C22.75,18.0370611 17.9370611,22.85 12,22.85 C6.06293894,22.85 1.25,18.0370611 1.25,12.1 C1.25,11.6857864 1.58578644,11.35 2,11.35 C2.41421356,11.35 2.75,11.6857864 2.75,12.1 C2.75,17.2086339 6.89136606,21.35 12,21.35 C17.1086339,21.35 21.25,17.2086339 21.25,12.1 C21.25,11.6857864 21.5857864,11.35 22,11.35 Z M12,6.2518259 C15.1756373,6.2518259 17.75,8.82618859 17.75,12.0018259 C17.75,15.1774632 15.1756373,17.7518259 12,17.7518259 C8.82436269,17.7518259 6.25,15.1774632 6.25,12.0018259 C6.25,8.82618859 8.82436269,6.2518259 12,6.2518259 Z M12,7.74669317 C9.65278981,7.74669317 7.75,9.64948298 7.75,11.9966932 C7.75,14.3439034 9.65278981,16.2466932 12,16.2466932 C14.3472102,16.2466932 16.25,14.3439034 16.25,11.9966932 C16.25,9.64948298 14.3472102,7.74669317 12,7.74669317 Z M22.1659792,7.89855908 C22.3728687,8.41062859 22.1254714,8.99346002 21.6134019,9.20034953 C21.1013324,9.40723904 20.518501,9.15984177 20.3116115,8.64777227 C20.104722,8.13570277 20.3521192,7.55287133 20.8641887,7.34598182 C21.3762582,7.13909231 21.9590897,7.38648958 22.1659792,7.89855908 Z M3.1519358,7.35266082 C3.6603166,7.56845567 3.89750437,8.15551601 3.68170953,8.6638968 C3.46591468,9.1722776 2.87885434,9.40946537 2.37047355,9.19367053 C1.86209275,8.97787569 1.62490498,8.39081534 1.84069982,7.88243455 C2.05649466,7.37405376 2.64355501,7.13686598 3.1519358,7.35266082 Z M19.7781746,4.32182541 C20.1686989,4.7123497 20.1686989,5.34551468 19.7781746,5.73603897 C19.3876503,6.12656326 18.7544853,6.12656326 18.363961,5.73603897 C17.9734367,5.34551468 17.9734367,4.7123497 18.363961,4.32182541 C18.7544853,3.93130112 19.3876503,3.93130112 19.7781746,4.32182541 Z M5.63603897,4.32182541 C6.02656326,4.7123497 6.02656326,5.34551468 5.63603897,5.73603897 C5.24551468,6.12656326 4.6123497,6.12656326 4.22182541,5.73603897 C3.83130112,5.34551468 3.83130112,4.7123497 4.22182541,4.32182541 C4.6123497,3.93130112 5.24551468,3.93130112 5.63603897,4.32182541 Z M9.10034953,2.48659808 C9.30723904,2.99866758 9.05984177,3.58149902 8.54777227,3.78838853 C8.03570277,3.99527804 7.45287133,3.74788077 7.24598182,3.23581127 C7.03909231,2.72374177 7.28648958,2.14091033 7.79855908,1.93402082 C8.31062859,1.72713131 8.89346002,1.97452858 9.10034953,2.48659808 Z M16.2175655,1.94069982 C16.7259462,2.15649466 16.963134,2.74355501 16.7473392,3.2519358 C16.5315443,3.7603166 15.944484,3.99750437 15.4361032,3.78170953 C14.9277224,3.56591468 14.6905346,2.97885434 14.9063295,2.47047355 C15.1221243,1.96209275 15.7091847,1.72490498 16.2175655,1.94069982 Z M12,1.1 C12.5522847,1.1 13,1.54771525 13,2.1 C13,2.65228475 12.5522847,3.1 12,3.1 C11.4477153,3.1 11,2.65228475 11,2.1 C11,1.54771525 11.4477153,1.1 12,1.1 Z" id="形状结合" fill="#000000" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_close.svg b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_close.svg
new file mode 100644
index 0000000000000000000000000000000000000000..afb8030ff2f1963e6fa59bf4790d51bc0e88a676
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_close.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic_cancel</title>
+    <defs>
+        <path opacity=".6" d="M14.123,12.708 L19.2032418,17.7890282 L19.2409924,17.8288715 C19.5933321,18.2214939 19.5807486,18.8257349 19.2032418,19.2032418 C18.8427578,19.5637257 18.2755267,19.5914553 17.8832355,19.2864304 L17.7890282,19.2032418 L12.708,14.123 L14.123,12.708 Z M6.11289944,4.70970461 L6.20710678,4.79289322 L11.998,10.583 L17.7890282,4.79289322 C18.1795525,4.40236893 18.8127175,4.40236893 19.2032418,4.79289322 C19.5807486,5.17040003 19.5933321,5.77464109 19.2409924,6.16726352 L19.2032418,6.20710678 L13.413,11.997 L13.416,12.001 L12.001,13.416 L11.998,13.412 L6.20710678,19.2032418 C5.81658249,19.5937661 5.18341751,19.5937661 4.79289322,19.2032418 C4.4153864,18.8257349 4.40280284,18.2214939 4.75514254,17.8288715 L4.79289322,17.7890282 L10.583,11.998 L4.79289322,6.20710678 L4.75514254,6.16726352 C4.40280284,5.77464109 4.4153864,5.17040003 4.79289322,4.79289322 C5.15337718,4.43240926 5.72060824,4.40467972 6.11289944,4.70970461 Z" id="path-1"></path>
+    </defs>
+    <g id="ic_cancel" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="形状结合" fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_correct.svg b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_correct.svg
new file mode 100644
index 0000000000000000000000000000000000000000..46d7c18de3617d8abbb8a98e2834b8782b558ea6
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/ohos_correct.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 56 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic/56x56/OK/White</title>
+    <desc>Created with Sketch.</desc>
+    <g id="ic/56x56/OK/White" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ic/OK">
+            <rect id="矩形" fill="#45A5FF" opacity="0" x="0" y="0" width="56" height="56"></rect>
+            <polyline id="路径" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill-rule="nonzero" points="7.46666667 27.2361548 21.966801 42 49.4666667 14"></polyline>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/star_icon.svg b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/star_icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3776bf5dee26ce72bf149efed46c7eb3d8f506b4
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/media/star_icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><!DOCTYPE svg  PUBLIC '-//W3C//DTD SVG 1.1//EN'  'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg enable-background="new 0 0 128 128" height="128px" id="Layer_1" version="1.1" viewBox="0 0 128 128" width="128px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M91.046,111.818c-1.19,0-2.347-0.361-3.341-1.049C87.188,110.402,68.92,97.098,64,93.515L40.336,110.74  c-1.039,0.717-2.194,1.078-3.382,1.078c-3.228,0-5.854-2.636-5.854-5.877c0-0.639,0.114-1.305,0.339-1.98l0.038-0.105  c0.253-0.71,6.214-18.996,9.008-27.575c-7.342-5.364-23.014-16.808-23.653-17.25c-1.589-1.114-2.524-2.915-2.524-4.834  c0-3.305,2.608-5.994,5.815-5.994h29.346l8.933-27.59c0.687-2.446,2.998-4.207,5.599-4.207c2.604,0,4.915,1.762,5.622,4.283  l8.947,27.514h29.35c3.185,0,5.775,2.679,5.775,5.974c0,1.932-0.936,3.74-2.502,4.838c-0.671,0.463-16.339,11.903-23.678,17.265  c2.797,8.586,8.764,26.887,9.025,27.621c0.246,0.727,0.361,1.396,0.361,2.041C96.901,109.183,94.274,111.818,91.046,111.818z   M64,88.566l1.178,0.856c8.396,6.116,24.391,17.764,24.824,18.072c0.299,0.206,0.669,0.323,1.044,0.323  c1.023,0,1.855-0.842,1.855-1.877c0-0.209-0.045-0.447-0.133-0.709c-0.148-0.371-6.698-20.473-9.506-29.094l-0.449-1.378  l1.171-0.854c2.486-1.818,24.313-17.764,24.944-18.188c0.468-0.329,0.766-0.913,0.766-1.541c0-1.069-0.813-1.974-1.775-1.974H75.663  l-9.869-30.355c-0.252-0.894-0.964-1.441-1.794-1.441c-0.829,0-1.541,0.549-1.771,1.366l-9.85,30.431H20.123  c-0.984,0-1.815,0.914-1.815,1.994c0,0.617,0.298,1.193,0.797,1.543c0.6,0.403,22.425,16.349,24.911,18.167l1.171,0.854  l-0.449,1.379c-2.716,8.344-8.937,27.436-9.504,29.086h0.001c-0.089,0.267-0.134,0.508-0.134,0.717c0,1.035,0.831,1.877,1.854,1.877  c0.38,0,0.74-0.114,1.071-0.342L64,88.566z"/></svg>
\ No newline at end of file
diff --git a/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/profile/test_pages.json b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/profile/test_pages.json
new file mode 100644
index 0000000000000000000000000000000000000000..77e90731b5a38d861663029b483df3d3ac9ec74b
--- /dev/null
+++ b/arkui/ace_ets_components_ux/ace_ets_component_navigation/src/main/resources/base/profile/test_pages.json
@@ -0,0 +1,5 @@
+{
+  "src": [
+    "TestAbility/pages/Index"
+  ]
+}