diff --git a/.changeset/beige-jobs-travel.md b/.changeset/beige-jobs-travel.md
new file mode 100644
index 000000000..b5524469f
--- /dev/null
+++ b/.changeset/beige-jobs-travel.md
@@ -0,0 +1,5 @@
+---
+"eslint-plugin-svelte": minor
+---
+
+feat(no-unused-class-name): added an option to allow some specific class names
diff --git a/docs/rules/no-unused-class-name.md b/docs/rules/no-unused-class-name.md
index 657d744ff..94e89bf7d 100644
--- a/docs/rules/no-unused-class-name.md
+++ b/docs/rules/no-unused-class-name.md
@@ -52,7 +52,18 @@ This rule is aimed at reducing unused classes in the HTML template. While `svelt
 
 ## :wrench: Options
 
-Nothing.
+```json
+{
+  "svelte/no-unused-class-name": [
+    "error",
+    {
+      "allowedClassNames": ["class-name-one", "class-name-two"]
+    }
+  ]
+}
+```
+
+- `allowedClassNames` ... A list of class names that shouldn't be reported by this rule. Default `[]`.
 
 ## :rocket: Version
 
diff --git a/src/rules/no-unused-class-name.ts b/src/rules/no-unused-class-name.ts
index 8d7100fb5..24b5d6a47 100644
--- a/src/rules/no-unused-class-name.ts
+++ b/src/rules/no-unused-class-name.ts
@@ -22,7 +22,20 @@ export default createRule("no-unused-class-name", {
       category: "Best Practices",
       recommended: false,
     },
-    schema: [],
+    schema: [
+      {
+        type: "object",
+        properties: {
+          allowedClassNames: {
+            type: "array",
+            items: {
+              type: "string",
+            },
+          },
+        },
+        additionalProperties: false,
+      },
+    ],
     messages: {},
     type: "suggestion",
   },
@@ -30,6 +43,7 @@ export default createRule("no-unused-class-name", {
     if (!context.parserServices.isSvelte) {
       return {}
     }
+    const allowedClassNames = context.options[0]?.allowedClassNames ?? []
     const classesUsedInTemplate: Record<string, SourceLocation> = {}
 
     return {
@@ -52,7 +66,10 @@ export default createRule("no-unused-class-name", {
             ? findClassesInPostCSSNode(styleContext.sourceAst)
             : []
         for (const className in classesUsedInTemplate) {
-          if (!classesUsedInStyle.includes(className)) {
+          if (
+            !allowedClassNames.includes(className) &&
+            !classesUsedInStyle.includes(className)
+          ) {
             context.report({
               loc: classesUsedInTemplate[className],
               message: `Unused class "${className}".`,
diff --git a/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/_config.json b/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/_config.json
new file mode 100644
index 000000000..7b760d85f
--- /dev/null
+++ b/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/_config.json
@@ -0,0 +1,3 @@
+{
+  "options": [{ "allowedClassNames": ["div-class"] }]
+}
diff --git a/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/partially-allowed-class-name01-errors.yaml b/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/partially-allowed-class-name01-errors.yaml
new file mode 100644
index 000000000..8f64dcba9
--- /dev/null
+++ b/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/partially-allowed-class-name01-errors.yaml
@@ -0,0 +1,4 @@
+- message: Unused class "span-class".
+  line: 3
+  column: 1
+  suggestions: null
diff --git a/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/partially-allowed-class-name01-input.svelte b/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/partially-allowed-class-name01-input.svelte
new file mode 100644
index 000000000..a486966cf
--- /dev/null
+++ b/tests/fixtures/rules/no-unused-class-name/invalid/allowed-class-names/partially-allowed-class-name01-input.svelte
@@ -0,0 +1,3 @@
+<div class="div-class">Hello</div>
+
+<span class="span-class">World!</span>
diff --git a/tests/fixtures/rules/no-unused-class-name/valid/allowed-class-names/_config.json b/tests/fixtures/rules/no-unused-class-name/valid/allowed-class-names/_config.json
new file mode 100644
index 000000000..a5cfc9f19
--- /dev/null
+++ b/tests/fixtures/rules/no-unused-class-name/valid/allowed-class-names/_config.json
@@ -0,0 +1,3 @@
+{
+  "options": [{ "allowedClassNames": ["div-class", "span-class"] }]
+}
diff --git a/tests/fixtures/rules/no-unused-class-name/valid/allowed-class-names/allowed-class-name01-input.svelte b/tests/fixtures/rules/no-unused-class-name/valid/allowed-class-names/allowed-class-name01-input.svelte
new file mode 100644
index 000000000..a486966cf
--- /dev/null
+++ b/tests/fixtures/rules/no-unused-class-name/valid/allowed-class-names/allowed-class-name01-input.svelte
@@ -0,0 +1,3 @@
+<div class="div-class">Hello</div>
+
+<span class="span-class">World!</span>