diff --git a/README.md b/README.md
index 37c9d3f..49bf963 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # kotaemon
 
-![demo](https://raw.githubusercontent.com/Cinnamon/kotaemon/main/docs/images/chat-tab-demo.png)
+![demo](https://raw.githubusercontent.com/Cinnamon/kotaemon/main/docs/images/chat-demo.gif)
 
 [Source Code](https://github.com/Cinnamon/kotaemon) |
 [Demo](https://huggingface.co/spaces/lone17/kotaemon-app)
diff --git a/docs/images/chat-demo.gif b/docs/images/chat-demo.gif
new file mode 100644
index 0000000..1a0c6d5
Binary files /dev/null and b/docs/images/chat-demo.gif differ
diff --git a/docs/index.md b/docs/index.md
index ec6a618..28ccd1a 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,6 +1,6 @@
 # Getting Started with Kotaemon
 
-![demo](images/chat-tab-demo.png)
+![chat demo](images/chat-demo.gif)
 
 This page is intended for **end users** who want to use the `kotaemon` tool for Question
 Answering on local documents. If you are a **developer** who wants contribute to the project, please visit the [development](development/index.md) page.