diff --git a/frontend/app_flowy/packages/appflowy_editor/README.md b/frontend/app_flowy/packages/appflowy_editor/README.md
index e450a5a7c1..718c108d5a 100644
--- a/frontend/app_flowy/packages/appflowy_editor/README.md
+++ b/frontend/app_flowy/packages/appflowy_editor/README.md
@@ -21,7 +21,7 @@ and the Flutter guide for
 </p>
 
 <div align="center">
-    <img src="https://i.ibb.co/HNnc1jP/appflowy-editor-example.gif" width = "900"/>
+    <img src="https://github.com/AppFlowy-IO/AppFlowy/blob/main/frontend/app_flowy/packages/appflowy_editor/example/documentation/images/appflowy-editor-example.gif?raw=true" width = "900"/>
 </div>
 
 ## Key Features
diff --git a/frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy-editor-example.gif b/frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy-editor-example.gif
new file mode 100644
index 0000000000..a849562052
Binary files /dev/null and b/frontend/app_flowy/packages/appflowy_editor/documentation/images/appflowy-editor-example.gif differ