diff --git a/frontend/components/atoms/BaseModal.vue b/frontend/components/atoms/BaseModal.vue
new file mode 100644
index 00000000..97264db8
--- /dev/null
+++ b/frontend/components/atoms/BaseModal.vue
@@ -0,0 +1,32 @@
+<template>
+  <v-dialog
+    v-model="dialog"
+    width="800px"
+  >
+    <template v-slot:activator="{ on }">
+      <slot name="opener" :open="open" />
+    </template>
+    <slot name="content" :close="close" />
+  </v-dialog>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend({
+  data() {
+    return {
+      dialog: false as Boolean
+    }
+  },
+
+  methods: {
+    close(): void {
+      this.dialog = false
+    },
+    open(): void {
+      this.dialog = true
+    }
+  }
+})
+</script>