diff --git a/frontend/src/components/UserAvatar.vue b/frontend/src/components/UserAvatar.vue
new file mode 100644
index 00000000..3b1f8ad8
--- /dev/null
+++ b/frontend/src/components/UserAvatar.vue
@@ -0,0 +1,21 @@
+<template>
+  <Avatar
+    v-if="user"
+    :label="getUser(user).full_name"
+    :image="getUser(user).user_image"
+    v-bind="$attrs"
+  />
+</template>
+<script setup>
+import { Avatar } from 'frappe-ui'
+import { usersStore } from '@/stores/users'
+
+const props = defineProps({
+  user: {
+    type: String,
+    default: null,
+  },
+})
+
+const { getUser } = usersStore()
+</script>