diff --git a/README-zh.md b/README-zh.md
index 27ad324f..48e6d38a 100644
--- a/README-zh.md
+++ b/README-zh.md
@@ -88,9 +88,20 @@ xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
 ###  第三步：添加命名空间;
 
 
-`xmlns:wpfdev="https://github.com/WPFDevelopersOrg/WPFDevelopers"`  
+`xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"`  
 
 ***
+### Badge
+
+<img src="https://gitee.com/WPFDevelopersOrg/ResourcesCache/raw/main/resources/WPFDevelopersResource/Badge.gif"/>   
+
+----------
+### GrayscaleEffect
+
+<img src="https://gitee.com/WPFDevelopersOrg/ResourcesCache/raw/main/resources/WPFDevelopersResource/GrayscaleEffect.gif"/>   
+
+----------
+
 ### CropImage
 
 <img src="https://gitee.com/WPFDevelopersOrg/ResourcesCache/raw/main/resources/WPFDevelopersResource/CropImage.gif"/>   
diff --git a/README.md b/README.md
index a93ce77e..df318de8 100644
--- a/README.md
+++ b/README.md
@@ -80,7 +80,19 @@ xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"
 ###  Step 3: Add the namespace;
 
 `xmlns:wd="https://github.com/WPFDevelopersOrg/WPFDevelopers"`
+
+----------
+### Badge
+
+<img src="https://github.com/WPFDevelopersOrg/ResourcesCache/raw/main/resources/WPFDevelopersResource/Badge.gif"/>   
+
+----------
+### GrayscaleEffect
+
+<img src="https://github.com/WPFDevelopersOrg/ResourcesCache/raw/main/resources/WPFDevelopersResource/GrayscaleEffect.gif"/>   
+
 ----------
+
 ### CropImage
 
 <img src="https://github.com/WPFDevelopersOrg/ResourcesCache/raw/main/resources/WPFDevelopersResource/CropImage.gif"/>