diff --git a/zh-cn/application-dev/ui/ui-js-building-ui-component.md b/zh-cn/application-dev/ui/ui-js-building-ui-component.md
index 454dbfc4d62182fc56c96b3919b8f964197be053..796de9c324460ca31f865edc83e9bbe1a68f73d1 100755
--- a/zh-cn/application-dev/ui/ui-js-building-ui-component.md
+++ b/zh-cn/application-dev/ui/ui-js-building-ui-component.md
@@ -18,3 +18,23 @@
 | 画布组件 | canvas |
 | 栅格组件 | grid-container、grid-row、grid-col |
 | svg组件 | svg、rect、circle、ellipse、path、line、polyline、polygon、text、tspan、textPath、animate、animateMotion、animateTransform |
+
+
+
+## 相关实例
+
+针对组件开发，有以下相关实例可供参考：
+
+- [`JsPanel`：内容展示面板（JS）（API7）](https://gitee.com/openharmony/app_samples/blob/master/UI/JsPanel)
+
+- [`Popup`：气泡（JS）（API7）](https://gitee.com/openharmony/app_samples/blob/master/UI/Popup)
+
+- [`RefreshContainer`：下拉刷新容器（JS）（API7）](https://gitee.com/openharmony/app_samples/blob/master/UI/RefreshContainer)
+
+- [`JSComponments`：Js组件（JS）（API8）](https://gitee.com/openharmony/app_samples/blob/master/UI/JSComponments)
+
+- [`JsUserRegistration`：用户注册（JS）（API8）](https://gitee.com/openharmony/app_samples/blob/master/UI/JsUserRegistration)
+
+- [`ECG`：心率检测（JS）（API7）](https://gitee.com/openharmony/app_samples/blob/master/common/ECG)
+
+- [`Badge`：事件标记控件（JS）（API7）](https://gitee.com/openharmony/app_samples/blob/master/UI/Badge)