diff --git a/app/imports/ui/creature/archive/ArchiveDialog.vue b/app/imports/ui/creature/archive/ArchiveDialog.vue
new file mode 100644
index 00000000..a9c8e8c5
--- /dev/null
+++ b/app/imports/ui/creature/archive/ArchiveDialog.vue
@@ -0,0 +1,28 @@
+<template lang="html">
+  <dialog-base>
+    <div>
+      TODO
+    </div>
+    <v-spacer slot="actions" />
+    <v-btn
+      slot="actions"
+      text
+      @click="$store.dispatch('popDialogStack')"
+    >
+      Done
+    </v-btn>
+  </dialog-base>
+</template>
+
+<script lang="js">
+import DialogBase from '/imports/ui/dialogStack/DialogBase.vue';
+
+export default {
+  components: {
+    DialogBase,
+  },
+}
+</script>
+
+<style lang="css" scoped>
+</style>
diff --git a/app/imports/ui/creature/creatureList/CharacterListToolbarItems.vue b/app/imports/ui/creature/creatureList/CharacterListToolbarItems.vue
index 7cc764c5..c7669f15 100644
--- a/app/imports/ui/creature/creatureList/CharacterListToolbarItems.vue
+++ b/app/imports/ui/creature/creatureList/CharacterListToolbarItems.vue
@@ -7,6 +7,15 @@
     <template v-else>
       {{ characterSlots }}
     </template>
+    <v-btn
+      icon
+      data-id="open-archive-btn"
+      @click="openArchive"
+    >
+      <v-icon>
+        mdi-archive
+      </v-icon>
+    </v-btn>
   </div>
 </template>
 
@@ -23,6 +32,14 @@ export default {
       return getUserTier(Meteor.userId()).characterSlots;
     }
   },
+  methods: {
+    openArchive(){
+      this.$store.commit('pushDialogStack', {
+        component: 'archive-dialog',
+        elementId: 'open-archive-btn',
+      });
+    }
+  }
 }
 </script>
 
diff --git a/app/imports/ui/dialogStack/DialogComponentIndex.js b/app/imports/ui/dialogStack/DialogComponentIndex.js
index 53724f22..69dc4dee 100644
--- a/app/imports/ui/dialogStack/DialogComponentIndex.js
+++ b/app/imports/ui/dialogStack/DialogComponentIndex.js
@@ -1,3 +1,4 @@
+import ArchiveDialog from '/imports/ui/creature/archive/ArchiveDialog.vue';
 import CastSpellWithSlotDialog from '/imports/ui/properties/components/spells/CastSpellWithSlotDialog.vue';
 import CreatureFormDialog from '/imports/ui/creature/CreatureFormDialog.vue';
 import CreaturePropertyCreationDialog from '/imports/ui/creature/creatureProperties/CreaturePropertyCreationDialog.vue';
@@ -22,6 +23,7 @@ import TierTooLowDialog from '/imports/ui/user/TierTooLowDialog.vue';
 import UsernameDialog from '/imports/ui/user/UsernameDialog.vue';
 
 export default {
+  ArchiveDialog,
   CastSpellWithSlotDialog,
   CreatureFormDialog,
   CreaturePropertyCreationDialog,