diff --git a/web/src/routes/albums/index.svelte b/web/src/routes/albums/index.svelte
index cabfdd721237c..336b43a7b3e52 100644
--- a/web/src/routes/albums/index.svelte
+++ b/web/src/routes/albums/index.svelte
@@ -161,6 +161,19 @@
 					{/key}
 				{/each}
 			</div>
+
+			<!-- Empty Message -->
+			{#if albums.length === 0}
+				<div
+					class="border p-5 w-[50%] m-auto mt-10 bg-gray-50 rounded-lg flex flex-col place-content-center place-items-center"
+				>
+					<img src="/empty-1.svg" alt="Empty shared album" width="500" />
+
+					<p class="text-center text-immich-text-gray-500">
+						Create an album to organize your photos and videos
+					</p>
+				</div>
+			{/if}
 		</section>
 	</section>
 
diff --git a/web/src/routes/sharing/index.svelte b/web/src/routes/sharing/index.svelte
index 4cfbf55fb3441..5bd8a9e47ad67 100644
--- a/web/src/routes/sharing/index.svelte
+++ b/web/src/routes/sharing/index.svelte
@@ -108,6 +108,18 @@
 					>
 				{/each}
 			</div>
+
+			<!-- Empty List -->
+			{#if sharedAlbums.length === 0}
+				<div
+					class="border p-5 w-[50%] m-auto mt-10 bg-gray-50 rounded-lg flex flex-col place-content-center place-items-center"
+				>
+					<img src="/empty-2.svg" alt="Empty shared album" width="500" />
+					<p class="text-center text-immich-text-gray-500">
+						Create a shared album to share photos and videos with people in your network
+					</p>
+				</div>
+			{/if}
 		</section>
 	</section>
 </section>
diff --git a/web/static/empty-1.svg b/web/static/empty-1.svg
new file mode 100644
index 0000000000000..f5769f4c5f24a
--- /dev/null
+++ b/web/static/empty-1.svg
@@ -0,0 +1 @@
+<svg width="900" height="600" viewBox="0 0 900 600" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="transparent" d="M0 0h900v600H0z"/><path d="M610.449 203.229c-9.692 17.296-30.916 19.672-64.92 16.385-25.572-2.476-48.893-4.392-74.468-18.336-17.9-9.753-32.07-22.948-42.412-35.764-11.207-13.883-26.85-29.728-19.181-45.47 10.538-21.624 71.48-39.837 130.656-10.054 65.006 32.727 79.805 76.335 70.325 93.239z" fill="url(#a)"/><path d="M743.499 300.415c-24.472 12.14-56.953-3.47-56.953-3.47s7.219-35.284 31.704-47.406c24.472-12.14 56.94 3.452 56.94 3.452s-7.219 35.285-31.691 47.424z" fill="url(#b)"/><path d="M207.395 207.515c14.168 8.491 34.495.642 34.495.642s-2.658-21.615-16.835-30.097c-14.168-8.491-34.487-.651-34.487-.651s2.658 21.614 16.827 30.106z" fill="url(#c)"/><circle cx="672.607" cy="362.106" r="13.362" transform="rotate(180 672.607 362.106)" fill="#9d9ea3"/><circle cx="225.027" cy="268.943" r="11" transform="rotate(180 225.027 268.943)" fill="#9d9ea3"/><circle r="12.527" transform="matrix(-1 0 0 1 226.554 413.018)" fill="#9d9ea3"/><circle r="5.846" transform="matrix(-1 0 0 1 641.657 257.931)" fill="#9d9ea3"/><circle r="7.516" transform="matrix(-1 0 0 1 448.056 526.146)" fill="#E1E4E5"/><circle r="10.857" transform="matrix(-1 0 0 1 123.558 419.459)" fill="#E1E4E5"/><circle r="8.263" transform="matrix(-1 0 0 1 548.897 488.876)" fill="#E1E4E5"/><circle r="9.187" transform="matrix(-1 0 0 1 647.927 174.376)" fill="#E1E4E5"/><circle r="8.249" transform="scale(1 -1) rotate(-75 -87.279 -220.643)" fill="#E1E4E5"/><circle r="10.974" transform="matrix(-1 0 0 1 311.897 149.802)" fill="#E1E4E5"/><ellipse rx="8.442" ry="6.753" transform="matrix(-1 0 0 1 728.714 414.388)" fill="#E1E4E5"/><circle r="17.169" transform="scale(1 -1) rotate(-75 -165.785 -438.28)" fill="#E1E4E5"/><path d="M647.78 404.267h.221c1.308 18.529 15.088 18.814 15.088 18.814s-15.196.297-15.196 21.707c0-21.41-15.195-21.707-15.195-21.707s13.774-.285 15.082-18.814zm-474.337 50.826h.115c.684 10.06 7.888 10.215 7.888 10.215s-7.944.161-7.944 11.785c0-11.624-7.944-11.785-7.944-11.785s7.201-.155 7.885-10.215z" fill="#E1E4E5"/><path fill-rule="evenodd" clip-rule="evenodd" d="m530.305 138.186-35.414-35.257a25.11 25.11 0 0 0-17.707-7.306h-89.813c-13.838 0-25.046 11.158-25.046 24.934v174.54c0 13.776 11.208 24.934 25.046 24.934h125.227c13.838 0 25.046-11.158 25.046-24.934V155.814a24.887 24.887 0 0 0-7.339-17.628z" fill="#fff" stroke="#E1E4E5" stroke-width="4.374"/><rect x="382.196" y="148.219" width="130.904" height="130.904" rx="36.729" fill="#9d9ea3" stroke="#fff" stroke-width="18.364" stroke-linecap="round" stroke-linejoin="round"/><path d="M426.586 187.5a3.64 3.64 0 1 1-5.119 0 3.652 3.652 0 0 1 5.145 0m86.487 12.428a69.482 69.482 0 0 0-79.995 69.196c.02 3.348.287 6.691.798 10.001" stroke="#fff" stroke-width="18.364" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="m770.432 305.009-13.041-48.241a25.11 25.11 0 0 0-11.682-15.18l-77.781-44.907c-11.983-6.919-27.269-2.86-34.157 9.071l-87.269 151.155c-6.888 11.931-2.761 27.198 9.223 34.117l108.45 62.613c11.983 6.919 27.269 2.86 34.157-9.07l69.641-120.622a24.888 24.888 0 0 0 2.459-18.936z" fill="#fff" stroke="#E1E4E5" stroke-width="4.374"/><rect x="637.148" y="239.642" width="130.904" height="130.904" rx="36.729" transform="rotate(30 637.148 239.642)" fill="#9d9ea3" stroke="#fff" stroke-width="18.364" stroke-linecap="round" stroke-linejoin="round"/><path d="M655.951 295.855a3.64 3.64 0 1 1-7.117.476 3.64 3.64 0 0 1 2.684-3.035 3.653 3.653 0 0 1 4.455 2.572m68.687 54.007a69.485 69.485 0 0 0-103.876 19.928 68.216 68.216 0 0 0-4.309 9.06" stroke="#fff" stroke-width="18.364" stroke-linecap="round" stroke-linejoin="round"/><path fill-rule="evenodd" clip-rule="evenodd" d="m268.756 224.688-48.298-12.826a25.113 25.113 0 0 0-18.988 2.526l-77.78 44.907c-11.984 6.919-16.111 22.186-9.223 34.116l87.27 151.156c6.888 11.93 22.173 15.989 34.157 9.07l108.45-62.613c11.984-6.919 16.111-22.186 9.223-34.117l-69.641-120.622a24.888 24.888 0 0 0-15.17-11.597z" fill="#fff" stroke="#E1E4E5" stroke-width="4.374"/><rect x="145.505" y="307.432" width="130.904" height="130.904" rx="36.729" transform="rotate(-30 145.505 307.432)" fill="#9d9ea3" stroke="#fff" stroke-width="18.364" stroke-linecap="round" stroke-linejoin="round"/><path d="M203.588 319.255a3.639 3.639 0 1 1-4.432 2.559 3.652 3.652 0 0 1 4.455-2.572m81.115-32.481a69.489 69.489 0 0 0-40.406 41.956 69.487 69.487 0 0 0 5.726 57.967 68.318 68.318 0 0 0 5.692 8.262" stroke="#fff" stroke-width="18.364" stroke-linecap="round" stroke-linejoin="round"/><circle cx="449.884" cy="394.39" r="109.344" fill="#9d9ea3"/><rect x="440.944" y="348.314" width="17.88" height="92.152" rx="8.94" fill="#fff"/><rect x="495.959" y="385.45" width="17.88" height="92.152" rx="8.94" transform="rotate(90 495.959 385.45)" fill="#fff"/><defs><linearGradient id="a" x1="545.162" y1="315.322" x2="458.783" y2="-72.831" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient><linearGradient id="b" x1="649.524" y1="338.281" x2="851.37" y2="178.62" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient><linearGradient id="c" x1="262.222" y1="234.849" x2="148.219" y2="128.925" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/web/static/empty-2.svg b/web/static/empty-2.svg
new file mode 100644
index 0000000000000..627441a80b25c
--- /dev/null
+++ b/web/static/empty-2.svg
@@ -0,0 +1 @@
+<svg width="900" height="600" viewBox="0 0 900 600" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="transparent" d="M0 0h900v600H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M285.12 141.988c-37.13 0-67.505 30.348-67.505 67.446s30.375 67.446 67.505 67.446c7.448 0 13.549 6.095 13.549 13.537 0 7.442-6.101 13.537-13.549 13.537h-35.323c-18.113 0-32.935 14.81-32.935 32.907 0 18.098 14.822 32.907 32.935 32.907 15.666 0 28.484 12.807 28.484 28.459 0 28.557 23.386 51.922 51.967 51.922h305.063c37.13 0 67.505-30.348 67.505-67.446s-30.375-67.446-67.505-67.446h-6.53c-7.448 0-13.549-6.088-13.549-13.537 0-7.443 6.093-13.538 13.549-13.538h43.954c18.113 0 32.935-14.809 32.935-32.906 0-18.075-14.784-32.869-32.867-32.907h-35.368c-15.666 0-28.484-12.807-28.484-28.459 0-28.557-23.385-51.922-51.967-51.922H285.12z" fill="url(#a)"/><rect x="196.575" y="233.005" width="167.656" height="163.739" rx="33.551" fill="#9d9ea3"/><rect x="279.738" y="365.259" width="35.446" height="35.446" rx="11.743" transform="rotate(45 279.738 365.259)" fill="#9d9ea3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M324.276 351.096v6.372c0 3.517-2.833 6.372-6.324 6.372h-75.881c-3.491 0-6.324-2.855-6.324-6.372v-6.474c0-19.282 21.867-31.81 44.265-31.81 22.397 0 44.264 12.534 44.264 31.81m-29.145-78.43c8.567 8.873 8.567 23.258 0 32.131-8.566 8.873-22.456 8.873-31.022 0-8.567-8.873-8.567-23.258 0-32.131 8.566-8.872 22.456-8.872 31.022 0z" fill="#fff"/><rect x="371.96" y="113.956" width="167.656" height="163.739" rx="33.551" fill="#9d9ea3"/><rect x="455.122" y="246.21" width="35.446" height="35.446" rx="11.743" transform="rotate(45 455.122 246.21)" fill="#9d9ea3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M499.66 232.046v6.373c0 3.517-2.833 6.372-6.323 6.372h-75.882c-3.49 0-6.323-2.855-6.323-6.372v-6.475c0-19.282 21.866-31.809 44.264-31.809 22.398 0 44.264 12.534 44.264 31.809m-29.145-78.429c8.567 8.873 8.567 23.258 0 32.131-8.566 8.872-22.455 8.872-31.022 0-8.567-8.873-8.567-23.258 0-32.131 8.567-8.872 22.456-8.872 31.022 0z" fill="#fff"/><rect x="371.96" y="311.254" width="167.656" height="163.739" rx="33.551" fill="#9d9ea3"/><rect x="455.122" y="443.507" width="35.446" height="35.446" rx="11.743" transform="rotate(45 455.122 443.507)" fill="#9d9ea3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M499.66 429.344v6.372c0 3.517-2.833 6.372-6.323 6.372h-75.882c-3.49 0-6.323-2.855-6.323-6.372v-6.474c0-19.282 21.866-31.81 44.264-31.81 22.398 0 44.264 12.534 44.264 31.81m-29.145-78.43c8.567 8.873 8.567 23.258 0 32.131-8.566 8.873-22.455 8.873-31.022 0s-8.567-23.258 0-32.131c8.567-8.872 22.456-8.872 31.022 0z" fill="#fff"/><rect x="547.344" y="193.398" width="167.656" height="163.739" rx="33.551" fill="#9d9ea3"/><rect x="630.506" y="325.653" width="35.446" height="35.446" rx="11.743" transform="rotate(45 630.506 325.653)" fill="#9d9ea3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M675.045 311.489v6.372c0 3.517-2.833 6.372-6.324 6.372H592.84c-3.491 0-6.324-2.855-6.324-6.372v-6.474c0-19.282 21.867-31.81 44.264-31.81 22.398 0 44.265 12.534 44.265 31.81M645.9 232.958c8.567 8.872 8.567 23.258 0 32.13-8.567 8.873-22.456 8.873-31.023 0-8.566-8.872-8.566-23.258 0-32.13 8.567-8.873 22.456-8.873 31.023 0z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M255.594 168.461v-32.18c0-3.334 2.695-6.034 6.021-6.034h36.127c3.327 0 6.022 2.7 6.022 6.034v32.18a6.035 6.035 0 0 1-3.098 5.274l-18.064 10.055a6.003 6.003 0 0 1-5.849 0l-18.064-10.055a6.04 6.04 0 0 1-3.095-5.274z" fill="#E1E4E5"/><path d="M269.667 156.857h20.025m-20.025-9.381h20.025m-20.025 18.492h20.025" stroke="#fff" stroke-width="3.094" stroke-linecap="round" stroke-linejoin="round"/><circle cx="324.753" cy="431.824" r="5.922" transform="rotate(105 324.753 431.824)" fill="#E1E4E5"/><circle cx="331.27" cy="209.181" r="5.922" transform="rotate(105 331.27 209.181)" fill="#E1E4E5"/><circle cx="192.253" cy="221.128" r="5.922" transform="rotate(105 192.253 221.128)" fill="#E1E4E5"/><circle cx="571.29" cy="175.513" r="5.922" transform="rotate(105 571.29 175.513)" fill="#E1E4E5"/><circle cx="575.635" cy="393.812" r="5.922" transform="rotate(105 575.635 393.812)" fill="#E1E4E5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M651.83 413.803h-2.897c-.701 0-1.265-.57-1.265-1.264v-2.897c0-.701.57-1.265 1.265-1.265h2.897c.694 0 1.264.57 1.264 1.265v2.897a1.262 1.262 0 0 1-1.264 1.264zm-10.044 0h-2.897a1.27 1.27 0 0 1-1.265-1.264v-2.897c0-.701.57-1.265 1.265-1.265h2.897c.694 0 1.264.57 1.264 1.265v2.897a1.27 1.27 0 0 1-1.264 1.264zm-10.051 0h-2.897a1.27 1.27 0 0 1-1.264-1.264v-2.897c0-.701.57-1.265 1.264-1.265h2.897c.695 0 1.265.57 1.265 1.265v2.897a1.262 1.262 0 0 1-1.265 1.264zm-10.044 0h-2.897a1.27 1.27 0 0 1-1.264-1.264v-2.897c0-.701.57-1.265 1.264-1.265h2.897c.701 0 1.271.57 1.271 1.265v2.897a1.279 1.279 0 0 1-1.271 1.264zm-10.044 0h-2.897a1.27 1.27 0 0 1-1.271-1.264v-2.897c0-.701.57-1.265 1.271-1.265h2.897c.694 0 1.264.57 1.264 1.265v2.897a1.27 1.27 0 0 1-1.264 1.264zm29.77-10.952h-2.896a1.27 1.27 0 0 1-1.265-1.265v-2.903c0-.694.57-1.264 1.265-1.264h2.896c.701 0 1.265.57 1.265 1.264v2.897a1.263 1.263 0 0 1-1.265 1.271zm-10.044 0h-2.897a1.27 1.27 0 0 1-1.264-1.265v-2.903c0-.694.57-1.264 1.264-1.264h2.897c.695 0 1.265.57 1.265 1.264v2.897a1.263 1.263 0 0 1-1.265 1.271zm-10.044 0h-2.897c-.7 0-1.27-.57-1.27-1.265v-2.903c0-.694.57-1.264 1.27-1.264h2.897c.694 0 1.264.57 1.264 1.264v2.897a1.27 1.27 0 0 1-1.264 1.271zm10.406 22.718h-2.897a1.27 1.27 0 0 1-1.264-1.265v-2.896c0-.701.57-1.265 1.264-1.265h2.897c.695 0 1.265.57 1.265 1.265v2.896a1.262 1.262 0 0 1-1.265 1.265zm-10.044 0h-2.897a1.27 1.27 0 0 1-1.264-1.265v-2.896c0-.701.57-1.265 1.264-1.265h2.897c.701 0 1.271.57 1.271 1.265v2.896a1.279 1.279 0 0 1-1.271 1.265z" fill="#E1E4E5"/><rect x="325.103" y="179.782" width="31.655" height="3.688" rx="1.844" transform="rotate(-45 325.103 179.782)" fill="#E1E4E5"/><rect x="337.239" y="179.869" width="11.754" height="3.688" rx="1.844" transform="rotate(-45 337.239 179.869)" fill="#E1E4E5"/><rect x="276.241" y="431.61" width="31.655" height="3.688" rx="1.844" transform="rotate(135 276.241 431.61)" fill="#E1E4E5"/><rect x="264.104" y="431.523" width="11.754" height="3.688" rx="1.844" transform="rotate(135 264.104 431.523)" fill="#E1E4E5"/><rect x="650.934" y="153.578" width="31.655" height="3.688" rx="1.844" transform="rotate(135 650.934 153.578)" fill="#E1E4E5"/><rect x="638.797" y="153.491" width="11.754" height="3.688" rx="1.844" transform="rotate(135 638.797 153.491)" fill="#E1E4E5"/><defs><linearGradient id="a" x1="471.688" y1="622.922" x2="465.697" y2="-193.306" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#EEE"/></linearGradient></defs></svg>
\ No newline at end of file