diff --git a/README.md b/README.md
index d654b801cbc57..4bed65f181d27 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,16 @@ Self-hosted photo and video backup solution directly from your mobile phone.
 
 Loading ~4000 images/videos
 
+## Screenshots
+
+<p align="left">
+  <img src="design/sc1.PNG" width="150" title="Login With Custom URL">
+  <img src="design/sc2.PNG" width="150" title="Backup Setting Info">
+  <img src="design/sc4.PNG" width="150" title="Home Page">
+  <img src="design/sc3.PNG" width="150" title="Multiple seelct">
+  <img src="design/sc5.PNG" width="150" title="Multipe select group">
+</p>
+
 # Note
 
 This project is under heavy development, there will be continous functions, features and api changes.
diff --git a/design/sc1.PNG b/design/sc1.PNG
new file mode 100644
index 0000000000000..560a979442bf8
Binary files /dev/null and b/design/sc1.PNG differ
diff --git a/design/sc2.PNG b/design/sc2.PNG
new file mode 100644
index 0000000000000..bd77f7719aec5
Binary files /dev/null and b/design/sc2.PNG differ
diff --git a/design/sc3.PNG b/design/sc3.PNG
new file mode 100644
index 0000000000000..19a864be70199
Binary files /dev/null and b/design/sc3.PNG differ
diff --git a/design/sc4.PNG b/design/sc4.PNG
new file mode 100644
index 0000000000000..f47037b6af8a5
Binary files /dev/null and b/design/sc4.PNG differ
diff --git a/design/sc5.PNG b/design/sc5.PNG
new file mode 100644
index 0000000000000..e0ba57d795d74
Binary files /dev/null and b/design/sc5.PNG differ