diff --git a/packages/client/package.json b/packages/client/package.json
index 0c6e76d83..62d0ed25b 100644
--- a/packages/client/package.json
+++ b/packages/client/package.json
@@ -62,6 +62,7 @@
 		"vue": "3.2.37",
 		"vue-plyr": "^7.0.0",
 		"vue-prism-editor": "2.0.0-alpha.2",
+		"vue3-lottie": "^2.2.5",
 		"vuedraggable": "4.0.1"
 	},
 	"devDependencies": {
diff --git a/yarn.lock b/yarn.lock
index 0a741e8e4..07896f4f0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3926,6 +3926,7 @@ __metadata:
     vue: 3.2.37
     vue-plyr: ^7.0.0
     vue-prism-editor: 2.0.0-alpha.2
+    vue3-lottie: ^2.2.5
     vuedraggable: 4.0.1
   languageName: unknown
   linkType: soft
@@ -9640,6 +9641,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lottie-web@npm:^5.8.1":
+  version: 5.9.6
+  resolution: "lottie-web@npm:5.9.6"
+  checksum: aed6a1d0c24eefb6c42a42aae18f29737746551cfdc86319f1b9675f5bc276ba26971e8d2b0e1498df880571fe4bfe2fc87885a1d4f8a318d5e4e5b939b7a474
+  languageName: node
+  linkType: hard
+
 "lowercase-keys@npm:^2.0.0":
   version: 2.0.0
   resolution: "lowercase-keys@npm:2.0.0"
@@ -15335,6 +15343,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue3-lottie@npm:^2.2.5":
+  version: 2.2.5
+  resolution: "vue3-lottie@npm:2.2.5"
+  dependencies:
+    lottie-web: ^5.8.1
+  peerDependencies:
+    vue: ^3.2
+  checksum: a044f2c9e9ec3940cd3c7f241d708d7c7a4dd401e4e49996f7350c70ac19c6459a5334a0bc3aa96c4d58cabaa309908a3fec43cbdf9a5c1954a0023b190cb96b
+  languageName: node
+  linkType: hard
+
 "vue@npm:3.2.37":
   version: 3.2.37
   resolution: "vue@npm:3.2.37"