diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss
index 9b100c4e..e5e7b19c 100644
--- a/assets/chat/css/style.scss
+++ b/assets/chat/css/style.scss
@@ -1717,6 +1717,19 @@ hr {
 .pref-autocompletehelper #chat-auto-complete.active {
   display: block;
 }
+.pref-disableanimations {
+  .emote,
+  .emote:hover,
+  .emote::before,
+  .emote::after {
+    animation: none !important;
+  }
+
+  a.user,
+  span.user {
+    animation: none !important;
+  }
+}
 
 /* OverlayScrollbars theme */
 .dgg-scroller-theme.os-scrollbar-horizontal {
diff --git a/assets/chat/js/const.js b/assets/chat/js/const.js
index 65f43de2..2e7ef903 100644
--- a/assets/chat/js/const.js
+++ b/assets/chat/js/const.js
@@ -133,6 +133,7 @@ const settingsdefault = new Map(
     hidensfl: false,
     fontscale: 'auto',
     censorbadwords: false,
+    disableanimations: false,
   }),
 );
 
diff --git a/assets/views/embed.html b/assets/views/embed.html
index 9665edd7..f8227d49 100644
--- a/assets/views/embed.html
+++ b/assets/views/embed.html
@@ -147,6 +147,12 @@ <h4>Messages</h4>
                 <option value="2">do nothing</option>
               </select>
             </div>
+            <div class="form-group checkbox">
+              <label title="Disable animations when possible">
+                <input name="disableanimations" type="checkbox" /> Disable
+                animations when possible
+              </label>
+            </div>
 
             <h4>Notifications</h4>
             <div class="form-group checkbox">