diff --git a/src/plugins/components.ts b/src/plugins/components.ts
index 83c7754..c4660dd 100644
--- a/src/plugins/components.ts
+++ b/src/plugins/components.ts
@@ -4,13 +4,13 @@ export default plugin.withOptions(
   function (options = {}) {
     return function ({ addComponents }) {
       addComponents({
-        '.placeload': {
+        '.nui-placeload': {
           position: 'relative',
           background:
             'linear-gradient( to right, rgb(0 0 0 / 7%) 8% ,rgb(0 0 0 / 15%) 18%, rgb(0 0 0 / 7%) 33%)',
           backgroundSize: '1200px 104px',
         },
-        '.dark .placeload': {
+        '.dark .nui-placeload': {
           position: 'relative',
           background:
             'linear-gradient(to right, rgb(255 255 255 / 15%) 8%, rgb(255 255 255 / 24%) 18%, rgb(255 255 255 / 15%) 33%)',
diff --git a/src/preset.ts b/src/preset.ts
index fde8634..fe8a132 100644
--- a/src/preset.ts
+++ b/src/preset.ts
@@ -144,18 +144,19 @@ export default {
         },
       }),
       keyframes: {
-        indeterminate: {
+        'nui-indeterminate': {
           '0%': { 'margin-left': '-10%' },
           '100%': { 'margin-left': '100%' },
         },
-        placeload: {
+        'nui-placeload': {
           '0%': { 'background-position': '-468px 0' },
           '100%': { 'background-position': '468px 0' },
         },
       },
       animation: {
-        indeterminate: 'indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite',
-        placeload: 'placeload 1s linear infinite forwards',
+        'nui-indeterminate':
+          'nui-indeterminate 1s cubic-bezier(0.4, 0, 0.2, 1) infinite',
+        'nui-placeload': 'nui-placeload 1s linear infinite forwards',
       },
     },
   },