diff --git a/src/components/MiniPlayer.vue b/src/components/MiniPlayer.vue
new file mode 100644
index 0000000..9a78b09
--- /dev/null
+++ b/src/components/MiniPlayer.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+	<div
+		class="h-9 w-52 bg-neutral-800/80 border border-[#ffffff39] rounded-full backdrop-blur-3xl flex items-center justify-between select-none">
+		<div class="flex items-center gap-2">
+			<div class="rounded-full w-9 h-9 bg-gray-600" />
+			<div class="text-white">Song title</div>
+		</div>
+	</div>
+</template>
\ No newline at end of file