diff --git a/WordPress/src/main/java/org/wordpress/android/ui/reader/views/compose/horizontalpostlist/HorizontalPostListItemLoading.kt b/WordPress/src/main/java/org/wordpress/android/ui/reader/views/compose/horizontalpostlist/HorizontalPostListItemLoading.kt
new file mode 100644
index 000000000000..9318c577756a
--- /dev/null
+++ b/WordPress/src/main/java/org/wordpress/android/ui/reader/views/compose/horizontalpostlist/HorizontalPostListItemLoading.kt
@@ -0,0 +1,124 @@
+package org.wordpress.android.ui.reader.views.compose.horizontalpostlist
+
+import android.content.res.Configuration
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.lazy.LazyRow
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import org.wordpress.android.ui.compose.theme.AppColor
+import org.wordpress.android.ui.compose.theme.AppTheme
+import org.wordpress.android.ui.compose.unit.Margin
+
+@Composable
+fun HorizontalPostListItemLoading() {
+    val backgroundColor = AppColor.Black.copy(alpha = 0.08F)
+    Column(
+        modifier = Modifier
+            .width(240.dp)
+            .height(340.dp),
+    ) {
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            verticalAlignment = Alignment.CenterVertically,
+        ) {
+            Box(
+                modifier = Modifier
+                    .width(99.dp)
+                    .height(8.dp)
+                    .clip(shape = RoundedCornerShape(16.dp))
+                    .background(backgroundColor),
+            )
+        }
+        Box(
+            modifier = Modifier
+                .padding(top = Margin.Large.value)
+                .width(204.dp)
+                .height(18.dp)
+                .clip(shape = RoundedCornerShape(16.dp))
+                .background(backgroundColor),
+        )
+        Box(
+            modifier = Modifier
+                .padding(top = Margin.Large.value)
+                .width(140.dp)
+                .height(18.dp)
+                .clip(shape = RoundedCornerShape(16.dp))
+                .background(backgroundColor),
+        )
+        Box(
+            modifier = Modifier
+                .padding(top = Margin.Large.value)
+                .fillMaxWidth()
+                .height(150.dp)
+                .clip(shape = RoundedCornerShape(8.dp))
+                .background(backgroundColor),
+        )
+        Box(
+            modifier = Modifier
+                .padding(
+                    start = Margin.Small.value,
+                    top = Margin.Large.value,
+                )
+                .width(170.dp)
+                .height(8.dp)
+                .clip(shape = RoundedCornerShape(16.dp))
+                .background(backgroundColor),
+        )
+        Box(
+            modifier = Modifier
+                .padding(
+                    start = Margin.Small.value,
+                    top = Margin.Large.value,
+                )
+                .width(170.dp)
+                .height(8.dp)
+                .clip(shape = RoundedCornerShape(16.dp))
+                .background(backgroundColor),
+        )
+    }
+}
+
+@Preview
+@Preview(uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+fun HorizontalPostListItemLoadingPreview() {
+    AppTheme {
+        Box(
+            modifier = Modifier
+                .fillMaxWidth()
+                .fillMaxHeight()
+        ) {
+            LazyRow(
+                modifier = Modifier
+                    .fillMaxWidth()
+                    .padding(top = 16.dp, bottom = 16.dp),
+                contentPadding = PaddingValues(horizontal = 12.dp),
+            ) {
+                item {
+                    HorizontalPostListItemLoading()
+                    Spacer(Modifier.width(12.dp))
+                    HorizontalPostListItemLoading()
+                    Spacer(Modifier.width(12.dp))
+                    HorizontalPostListItemLoading()
+                    Spacer(Modifier.width(12.dp))
+                    HorizontalPostListItemLoading()
+                }
+            }
+        }
+    }
+}