diff --git a/README.md b/README.md
index 8f09127b..9d04980c 100644
--- a/README.md
+++ b/README.md
@@ -9,21 +9,20 @@
 <img src="https://github.com/Acclorite/book-story/blob/master/assets/readme/github_overview.png">
 Material3 Book Reader built with Jetpack Compose and Kotlin.
 
-## 🖌️ Screenshots
+## 🖌️ Screenshots + GIF
+
+<img src="https://github.com/Acclorite/book-story/blob/master/assets/readme/book's-story.gif" width="35%">
 <div>
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Library.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/History.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Browse.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Start.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Book Info.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/About.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Help.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Settings.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader Settings.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader Translator.png" width="20%" />
-  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Translator Settings.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Library Dark + Frame.png" width="30%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Book-Info Dark + Frame.png" width="30%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader Dark + Frame.png" width="30%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Library Light + Frame.png" width="30%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Book-Info Light + Frame.png" width="30%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader Light + Frame.png" width="30%" />
 </div>
+</br>
+
+_You can find more screenshots in [assets](https://github.com/Acclorite/book-story/tree/master/assets) folder._
 
 ## ✨ Features
 - 4 supported file formats(.pdf, .txt, .epub, .fb2)
diff --git a/assets/Book-Info Dark + Frame.png b/assets/Book-Info Dark + Frame.png
new file mode 100644
index 00000000..9e9b40b4
Binary files /dev/null and b/assets/Book-Info Dark + Frame.png differ
diff --git a/assets/Book-Info Light + Frame.png b/assets/Book-Info Light + Frame.png
new file mode 100644
index 00000000..43f2bebf
Binary files /dev/null and b/assets/Book-Info Light + Frame.png differ
diff --git a/assets/Library Dark + Frame.png b/assets/Library Dark + Frame.png
new file mode 100644
index 00000000..d3c2fedc
Binary files /dev/null and b/assets/Library Dark + Frame.png differ
diff --git a/assets/Library Light + Frame.png b/assets/Library Light + Frame.png
new file mode 100644
index 00000000..431efa89
Binary files /dev/null and b/assets/Library Light + Frame.png differ
diff --git a/assets/README.md b/assets/README.md
new file mode 100644
index 00000000..ce65b2cf
--- /dev/null
+++ b/assets/README.md
@@ -0,0 +1,17 @@
+## 🎨 All Screenshots
+
+<div>
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Library.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/History.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Browse.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Start.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Book Info.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/About.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Help.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Settings.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader Settings.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Reader Translator.png" width="20%" />
+  <img src="https://github.com/Acclorite/book-story/blob/master/assets/Translator Settings.png" width="20%" />
+</div>
+</br>
diff --git a/assets/Reader Dark + Frame.png b/assets/Reader Dark + Frame.png
new file mode 100644
index 00000000..5320ce3f
Binary files /dev/null and b/assets/Reader Dark + Frame.png differ
diff --git a/assets/Reader Light + Frame.png b/assets/Reader Light + Frame.png
new file mode 100644
index 00000000..0b43646e
Binary files /dev/null and b/assets/Reader Light + Frame.png differ
diff --git a/assets/readme/book's-story.gif b/assets/readme/book's-story.gif
new file mode 100644
index 00000000..4b8372e9
Binary files /dev/null and b/assets/readme/book's-story.gif differ