diff --git a/.changeset/pink-steaks-arrive.md b/.changeset/pink-steaks-arrive.md
new file mode 100644
index 000000000..746912edd
--- /dev/null
+++ b/.changeset/pink-steaks-arrive.md
@@ -0,0 +1,5 @@
+---
+"@stackflow/plugin-basic-ui": patch
+---
+
+export `<AppBar />` component
diff --git a/.changeset/pre.json b/.changeset/pre.json
new file mode 100644
index 000000000..201394e63
--- /dev/null
+++ b/.changeset/pre.json
@@ -0,0 +1,27 @@
+{
+  "mode": "exit",
+  "tag": "canary",
+  "initialVersions": {
+    "@stackflow/config": "1.2.0",
+    "@stackflow/core": "1.1.0",
+    "@stackflow/demo": "1.4.0",
+    "@stackflow/docs": "1.2.28",
+    "@stackflow/compat-await-push": "1.1.13",
+    "@stackflow/link": "1.5.0",
+    "@stackflow/plugin-basic-ui": "1.10.0",
+    "@stackflow/plugin-devtools": "0.1.11",
+    "@stackflow/plugin-google-analytics-4": "1.1.15",
+    "@stackflow/plugin-history-sync": "1.7.0",
+    "@stackflow/plugin-map-initial-activity": "1.0.11",
+    "@stackflow/plugin-preload": "1.4.3",
+    "@stackflow/plugin-renderer-basic": "1.1.13",
+    "@stackflow/plugin-renderer-web": "1.1.13",
+    "@stackflow/plugin-stack-depth-change": "1.1.5",
+    "@stackflow/react-ui-core": "1.1.2",
+    "@stackflow/react": "1.4.0",
+    "@stackflow/esbuild-config": "1.0.3"
+  },
+  "changesets": [
+    "pink-steaks-arrive"
+  ]
+}
diff --git a/demo/CHANGELOG.md b/demo/CHANGELOG.md
index 6eb69d6b1..22b22c44b 100644
--- a/demo/CHANGELOG.md
+++ b/demo/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @stackflow/demo
 
+## 1.4.1-canary.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackflow/plugin-basic-ui@1.10.1-canary.0
+
 ## 1.4.0
 
 ### Minor Changes
diff --git a/demo/package.json b/demo/package.json
index ba15b3c06..066718fa3 100644
--- a/demo/package.json
+++ b/demo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stackflow/demo",
-  "version": "1.4.0",
+  "version": "1.4.1-canary.0",
   "private": true,
   "license": "MIT",
   "type": "module",
@@ -36,7 +36,7 @@
     "@stackflow/config": "^1.2.0",
     "@stackflow/core": "^1.1.0",
     "@stackflow/link": "^1.5.0",
-    "@stackflow/plugin-basic-ui": "^1.9.2",
+    "@stackflow/plugin-basic-ui": "^1.10.1-canary.0",
     "@stackflow/plugin-devtools": "^0.1.11",
     "@stackflow/plugin-history-sync": "^1.7.0",
     "@stackflow/plugin-map-initial-activity": "^1.0.11",
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index 590c74e9b..33a665de1 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @stackflow/docs
 
+## 1.2.29-canary.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @stackflow/plugin-basic-ui@1.10.1-canary.0
+  - @stackflow/demo@1.4.1-canary.0
+
 ## 1.2.28
 
 ### Patch Changes
diff --git a/docs/package.json b/docs/package.json
index eed70fdf8..9ebbb5b47 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stackflow/docs",
-  "version": "1.2.28",
+  "version": "1.2.29-canary.0",
   "private": true,
   "description": "Mobile-first stack navigator framework with Composable Plugin System",
   "license": "MIT",
@@ -12,8 +12,8 @@
   "dependencies": {
     "@mdx-js/react": "^3.0.1",
     "@stackflow/core": "^1.1.0",
-    "@stackflow/demo": "^1.4.0",
-    "@stackflow/plugin-basic-ui": "^1.9.2",
+    "@stackflow/demo": "^1.4.1-canary.0",
+    "@stackflow/plugin-basic-ui": "^1.10.1-canary.0",
     "@stackflow/plugin-history-sync": "^1.7.0",
     "@stackflow/plugin-renderer-basic": "^1.1.13",
     "@stackflow/react": "^1.4.0",
diff --git a/extensions/plugin-basic-ui/CHANGELOG.md b/extensions/plugin-basic-ui/CHANGELOG.md
index 2d25fc981..f12ae7df2 100644
--- a/extensions/plugin-basic-ui/CHANGELOG.md
+++ b/extensions/plugin-basic-ui/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @stackflow/plugin-basic-ui
 
+## 1.10.1-canary.0
+
+### Patch Changes
+
+- export `<AppBar />` component
+
 ## 1.10.0
 
 ### Minor Changes
diff --git a/extensions/plugin-basic-ui/package.json b/extensions/plugin-basic-ui/package.json
index 8078d8bd1..53a9257fd 100644
--- a/extensions/plugin-basic-ui/package.json
+++ b/extensions/plugin-basic-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@stackflow/plugin-basic-ui",
-  "version": "1.10.0",
+  "version": "1.10.1-canary.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/daangn/stackflow.git",
diff --git a/extensions/plugin-basic-ui/src/index.ts b/extensions/plugin-basic-ui/src/index.ts
index 451d9e24d..648571bd6 100644
--- a/extensions/plugin-basic-ui/src/index.ts
+++ b/extensions/plugin-basic-ui/src/index.ts
@@ -1,6 +1,7 @@
 export { IconBack, IconClose } from "./assets";
 export { basicUIPlugin } from "./basicUIPlugin";
 export { globalVars as cssVars } from "./basicUIPlugin.css";
+export { default as AppBar } from "./components/AppBar";
 export {
   default as AppScreen,
   AppScreenContext,
diff --git a/yarn.lock b/yarn.lock
index a2e21e128..d9bad0683 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2017,7 +2017,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@stackflow/demo@npm:^1.4.0, @stackflow/demo@workspace:demo":
+"@stackflow/demo@npm:^1.4.1-canary.0, @stackflow/demo@workspace:demo":
   version: 0.0.0-use.local
   resolution: "@stackflow/demo@workspace:demo"
   dependencies:
@@ -2028,7 +2028,7 @@ __metadata:
     "@stackflow/core": "npm:^1.1.0"
     "@stackflow/esbuild-config": "npm:^1.0.3"
     "@stackflow/link": "npm:^1.5.0"
-    "@stackflow/plugin-basic-ui": "npm:^1.9.2"
+    "@stackflow/plugin-basic-ui": "npm:^1.10.1-canary.0"
     "@stackflow/plugin-devtools": "npm:^0.1.11"
     "@stackflow/plugin-history-sync": "npm:^1.7.0"
     "@stackflow/plugin-map-initial-activity": "npm:^1.0.11"
@@ -2064,8 +2064,8 @@ __metadata:
     "@mdx-js/react": "npm:^3.0.1"
     "@seed-design/stylesheet": "npm:^1.0.4"
     "@stackflow/core": "npm:^1.1.0"
-    "@stackflow/demo": "npm:^1.4.0"
-    "@stackflow/plugin-basic-ui": "npm:^1.9.2"
+    "@stackflow/demo": "npm:^1.4.1-canary.0"
+    "@stackflow/plugin-basic-ui": "npm:^1.10.1-canary.0"
     "@stackflow/plugin-history-sync": "npm:^1.7.0"
     "@stackflow/plugin-renderer-basic": "npm:^1.1.13"
     "@stackflow/react": "npm:^1.4.0"
@@ -2128,7 +2128,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@stackflow/plugin-basic-ui@npm:^1.9.2, @stackflow/plugin-basic-ui@workspace:extensions/plugin-basic-ui":
+"@stackflow/plugin-basic-ui@npm:^1.10.1-canary.0, @stackflow/plugin-basic-ui@workspace:extensions/plugin-basic-ui":
   version: 0.0.0-use.local
   resolution: "@stackflow/plugin-basic-ui@workspace:extensions/plugin-basic-ui"
   dependencies: