diff --git a/zh-cn/application-dev/application-models/js-ui-widget-development.md b/zh-cn/application-dev/application-models/js-ui-widget-development.md
index 24a6abb2d41705f9b7c76141f79f5ad2c1d0c2fb..cefb047cf176a22c032b21aec8a6c8b64e94ee6f 100644
--- a/zh-cn/application-dev/application-models/js-ui-widget-development.md
+++ b/zh-cn/application-dev/application-models/js-ui-widget-development.md
@@ -611,3 +611,11 @@ onUpdateForm(formId) {
       ...
   };
   ```
+
+## 相关实例
+
+针对卡片开发，有以下相关实例可供参考：
+
+- [电影卡片（JS）（API9）](https://gitee.com/openharmony/codelabs/tree/master/Card/MovieCard)
+
+- [计步器卡片（JS）（API9）](https://gitee.com/openharmony/codelabs/tree/master/Card/StepsCardJS)
\ No newline at end of file