diff --git a/docs/en/Module-Entity-Extensions.md b/docs/en/Module-Entity-Extensions.md
index f160f98b1a..7ee1d8840e 100644
--- a/docs/en/Module-Entity-Extensions.md
+++ b/docs/en/Module-Entity-Extensions.md
@@ -491,3 +491,6 @@ Here, a few things you can do:
 * You can override a domain or application service to perform custom logics with your new property.
 * You can low level control how to add/render a field in the data table on the UI.
 
+## See Also
+
+* [Angular UI Extensions](UI/Angular/Extensions-Overall.md)
diff --git a/docs/en/UI/Angular/Extensions-Overall.md b/docs/en/UI/Angular/Extensions-Overall.md
new file mode 100644
index 0000000000..c36be79a91
--- /dev/null
+++ b/docs/en/UI/Angular/Extensions-Overall.md
@@ -0,0 +1,10 @@
+## Angular UI Extensions
+
+Angular UI extensions system allows you to add a new action to the actions menu, a new column to the data table, a new action to the toolbar of a page, and add a new field to the create and/or edit forms.
+
+See the documents below for the details:
+
+* [Entity Action Extensions](Entity-Action-Extensions.md)
+* [Data Table Column (or Entity Prop) Extensions](Data-Table-Column-Extensions.md)
+* [Page Toolbar Extension](Page-Toolbar-Extensions.md)
+* [Dynamic Form (or Form Prop) Extensions](Dynamic-Form-Extensions.md)
diff --git a/docs/en/docs-nav.json b/docs/en/docs-nav.json
index 398da988e4..53cebc2b68 100644
--- a/docs/en/docs-nav.json
+++ b/docs/en/docs-nav.json
@@ -1053,6 +1053,10 @@
                 {
                   "text": "Extensions",
                   "items": [
+                     {
+                      "text": "Overall",
+                      "path": "UI/Angular/Extensions-Overall.md"
+                     },
                     {
                       "text": "Entity Action Extensions",
                       "path": "UI/Angular/Entity-Action-Extensions.md"