diff --git a/app/imports/api/engine/actions/doCastSpell.js b/app/imports/api/engine/actions/doCastSpell.js
index 628e31d7..851ac0c2 100644
--- a/app/imports/api/engine/actions/doCastSpell.js
+++ b/app/imports/api/engine/actions/doCastSpell.js
@@ -20,6 +20,10 @@ const doAction = new ValidatedMethod({
       regEx: SimpleSchema.RegEx.Id,
       optional: true,
     },
+    ritual: {
+      type: Boolean,
+      optional: true,
+    },
     targetIds: {
       type: Array,
       defaultValue: [],
@@ -41,7 +45,7 @@ const doAction = new ValidatedMethod({
     numRequests: 10,
     timeInterval: 5000,
   },
-  run({ spellId, slotId, targetIds = [], scope = {} }) {
+  run({ spellId, slotId, ritual, targetIds = [], scope = {} }) {
     // Get action context
     let spell = CreatureProperties.findOne(spellId);
     const creatureId = spell.ancestors[0].id;
@@ -64,7 +68,8 @@ const doAction = new ValidatedMethod({
     let slotLevel = spell.level || 0;
     let slot;
 
-    if (slotId && !spell.castWithoutSpellSlots) {
+    // If a spell requires a slot, make sure a slot is spent
+    if (!spell.castWithoutSpellSlots && !(ritual && spell.ritual)) {
       slot = CreatureProperties.findOne(slotId);
       if (!slot) {
         throw new Meteor.Error('No slot',
@@ -101,9 +106,15 @@ const doAction = new ValidatedMethod({
         name: `Casting using a level ${slotLevel} spell slot`
       });
     } else if (slotLevel) {
-      actionContext.addLog({
-        name: `Casting at level ${slotLevel}`
-      });
+      if (ritual) {
+        actionContext.addLog({
+          name: `Ritual casting at level ${slotLevel}`
+        });
+      } else {
+        actionContext.addLog({
+          name: `Casting at level ${slotLevel}`
+        });
+      }
     }
 
     actionContext.scope['slotLevel'] = slotLevel;
diff --git a/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue b/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
index 1e9e609c..e8122e32 100644
--- a/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
+++ b/app/imports/ui/creature/character/characterSheetTabs/StatsTab.vue
@@ -515,11 +515,12 @@ export default {
         data: {
           creatureId: this.creatureId,
         },
-        callback({ spellId, slotId, advantage } = {}) {
+        callback({ spellId, slotId, advantage, ritual } = {}) {
           if (!spellId) return;
           doCastSpell.call({
             spellId,
             slotId,
+            ritual,
             scope: {
               $attackAdvantage: advantage,
             },
diff --git a/app/imports/ui/properties/components/spells/CastSpellWithSlotDialog.vue b/app/imports/ui/properties/components/spells/CastSpellWithSlotDialog.vue
index cf9cf288..dfdc0160 100644
--- a/app/imports/ui/properties/components/spells/CastSpellWithSlotDialog.vue
+++ b/app/imports/ui/properties/components/spells/CastSpellWithSlotDialog.vue
@@ -91,6 +91,20 @@
               </v-list-item-title>
             </v-list-item-content>
           </v-list-item>
+          <v-list-item
+            key="ritual-dummy-slot"
+            class="spell-slot-list-tile"
+            :class="{ 'primary--text': selectedSlotId === 'ritual' }"
+            value="ritual"
+            :disabled="!canCastSpellWithSlot(selectedSpell, 'ritual')"
+            @click="selectedSlotId = 'ritual'"
+          >
+            <v-list-item-content>
+              <v-list-item-title>
+                Cast as ritual
+              </v-list-item-title>
+            </v-list-item-content>
+          </v-list-item>
           <spell-slot-list-tile
             v-for="spellSlot in spellSlots"
             :key="spellSlot._id"
@@ -223,11 +237,11 @@ export default {
       searchError: undefined,
       filterMenuOpen: false,
       booleanFilters: {
-        verbal: { name: 'Verbal', enabled: false, value: false },
-        somatic: { name: 'Somatic', enabled: false, value: false },
-        material: { name: 'Material', enabled: false, value: false },
-        concentration: { name: 'Concentration', enabled: false, value: false },
-        ritual: { name: 'Ritual', enabled: false, value: false },
+        verbal: { name: 'Verbal', enabled: false, value: true },
+        somatic: { name: 'Somatic', enabled: false, value: true },
+        material: { name: 'Material', enabled: false, value: true },
+        concentration: { name: 'Concentration', enabled: false, value: true },
+        ritual: { name: 'Ritual', enabled: false, value: true },
       },
     }
   },
@@ -260,13 +274,14 @@ export default {
     selectedSpell: {
       handler(spell) {
         if (!spell) return;
-        if (spell.level === 0 || spell.castWithoutSpellSlots) {
-          this.selectedSlotId = 'no-slot';
-        } else if (
-          !this.selectedSlotId ||
-          this.selectedSlotId == 'no-slot' ||
-          this.selectedSlot.spellSlotLevel.value < spell.level
+        if (this.selectedSlotId && this.canCastSpellWithSlot(
+          spell, this.selectedSlotId, this.selectedSlot
+        )) return;
+        if (
+          (spell.level === 0 || spell.castWithoutSpellSlots)
         ) {
+          this.selectedSlotId = 'no-slot';
+        } else {
           const newSlot = find(
             CreatureProperties.find({
               'ancestors.id': this.creatureId,
@@ -280,6 +295,8 @@ export default {
           );
           if (newSlot) {
             this.selectedSlotId = newSlot._id;
+          } else if (spell.ritual) {
+            this.selectedSlotId = 'ritual';
           }
         }
       },
@@ -332,24 +349,26 @@ export default {
         spell.castWithoutSpellSlots &&
         spell.insufficientResources
       ) return false;
-      return (!spell.level || spell.castWithoutSpellSlots) ? (
+      if (spell.ritual && slotId === 'ritual') return true;
+      if (!spell.level || spell.castWithoutSpellSlots) {
         // Cantrips and no-slot spells
-        slotId && slotId === 'no-slot'
-      ) : (
+        return slotId && slotId === 'no-slot'
+      } else {
         // Leveled spells
-        slotId !== 'no-slot' &&
-        slot && spell && (
-          spell.level <= slot.spellSlotLevel.value
-        )
-      )
+        return slotId !== 'no-slot' && slot && spell && (
+            spell.level <= slot.spellSlotLevel.value
+          );
+      }
     },
     cast({ advantage }) {
       let selectedSlotId = this.selectedSlotId;
-      if (selectedSlotId === 'no-slot') selectedSlotId = undefined;
+      const ritual = selectedSlotId === 'ritual';
+      if (selectedSlotId === 'no-slot' || selectedSlotId === 'ritual') selectedSlotId = undefined;
       this.$store.dispatch('popDialogStack', {
         spellId: this.selectedSpellId,
         slotId: selectedSlotId,
         advantage,
+        ritual,
       });
     }
   },
diff --git a/app/imports/ui/properties/viewers/ActionViewer.vue b/app/imports/ui/properties/viewers/ActionViewer.vue
index 376ff3dc..e9f49f6b 100644
--- a/app/imports/ui/properties/viewers/ActionViewer.vue
+++ b/app/imports/ui/properties/viewers/ActionViewer.vue
@@ -190,11 +190,12 @@ export default {
             creatureId: this.context.creatureId,
             spellId: this.model._id,
           },
-          callback({ spellId, slotId, advantage } = {}) {
+          callback({ spellId, slotId, advantage, ritual } = {}) {
             if (!spellId) return;
             doCastSpell.call({
               spellId,
               slotId,
+              ritual,
               scope: {
                 $attackAdvantage: advantage,
               },