diff --git a/README.md b/README.md
index edabecd..bcfb13f 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,25 @@
 
 Showcase: [website](https://next-dashboard.tzgyn.com) hosted on linode using docker
 
+## Preview
+
+<details>
+  <summary>Show</summary>
+
+### Homepage
+
+![homepage](./doc/assets/homepage.png)
+
+### Bookmarks
+
+![homepage](./doc/assets/bookmarks.png)
+
+### Bookmark Categories
+
+![homepage](./doc/assets/category.png)
+
+</details>
+
 ## Requirements
 
 -   [Nodejs](https://nodejs.org/en)
diff --git a/doc/assets/bookmarks.png b/doc/assets/bookmarks.png
new file mode 100644
index 0000000..90dd40e
Binary files /dev/null and b/doc/assets/bookmarks.png differ
diff --git a/doc/assets/category.png b/doc/assets/category.png
new file mode 100644
index 0000000..3281266
Binary files /dev/null and b/doc/assets/category.png differ
diff --git a/doc/assets/homepage.png b/doc/assets/homepage.png
new file mode 100644
index 0000000..520c104
Binary files /dev/null and b/doc/assets/homepage.png differ