diff --git a/docs/assets/css/main.css b/docs/assets/css/main.css
index 66abb0b6..18dd8a58 100644
--- a/docs/assets/css/main.css
+++ b/docs/assets/css/main.css
@@ -238,6 +238,8 @@ body[data-page="ja/README.md"] #faces-kit {
 #rgb,
 #relay,
 #hub,
+#pahub,
+#pbhub,
 #_396port,
 #proto-1,
 #extio,
diff --git a/docs/index.md b/docs/index.md
index 8af04db1..0779740a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -495,6 +495,8 @@
 ## RGB
 ## RELAY
 ## HUB
+## PaHUB
+## PbHUB
 ## 3.96Port
 ## PROTO
 
@@ -526,6 +528,20 @@
   <p class="item-title" style="font-style:italic;">HUB</p>
 </div>
 
+<div class="item">
+  <a href="/#/en/unit/pahub">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pahub_p1.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">PaHUB</p>
+</div>
+
+<div class="item">
+  <a href="/#/en/unit/pbhub">
+    <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_pbhub_p1.png">
+  </a>
+  <p class="item-title" style="font-style:italic;">PbHUB</p>
+</div>
+
 <div class="item">
   <a href="/#/en/unit/396port">
     <img src="https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/unit/unit_396port_01.png">