diff --git a/README.md b/README.md
index 09f49e9..da3035e 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
 
 [中文版](README_CN.md)
 
-![preview](docs/images/preview.png)
+<img src="docs/images/ncform-banner.gif" alt="preview" style="max-width:100%;">
 
 ncform, a nice form development way that generates form UIs and their interactions with just configuration.
 
diff --git a/README_CN.md b/README_CN.md
index 493cb23..18b9677 100644
--- a/README_CN.md
+++ b/README_CN.md
@@ -9,7 +9,7 @@
 
 [English Version](README.md)
 
-![preview](docs/images/preview.png)
+<img src="docs/images/ncform-banner.gif" alt="preview" style="max-width:100%;">
 
 ncform，一种令人愉悦的表单开发方式，仅需配置即可生成表单UI及其交互行为。
 
diff --git a/docs/images/ncform-banner.gif b/docs/images/ncform-banner.gif
new file mode 100644
index 0000000..9c5e92d
Binary files /dev/null and b/docs/images/ncform-banner.gif differ