diff --git a/frontend/components/global/Placeholder.vue b/frontend/components/global/Placeholder.vue
new file mode 100644
index 0000000..bcb252f
--- /dev/null
+++ b/frontend/components/global/Placeholder.vue
@@ -0,0 +1,23 @@
+<script setup lang="ts">
+// types
+
+type Props = {
+    title: string;
+    icon: string;
+};
+
+// props
+
+defineProps<Props>();
+</script>
+
+<template>
+    <div
+        class="w-full flex-col flex-grow py-[12rem] gap-6 border-2 border-slate-200 border-dashed size-full rounded-100 flex-center"
+    >
+        <Icon :name="icon" size="50" class="**:fill-gray-500" />
+        <span class="text-lg text-gray-500"> {{ title }} </span>
+    </div>
+</template>
+
+<style scoped></style>