diff --git a/src/content/TextAnimations/SplitText/SplitText.jsx b/src/content/TextAnimations/SplitText/SplitText.jsx
index b32a5523..fb655762 100644
--- a/src/content/TextAnimations/SplitText/SplitText.jsx
+++ b/src/content/TextAnimations/SplitText/SplitText.jsx
@@ -155,50 +155,13 @@ const SplitText = ({
       willChange: 'transform, opacity'
     };
     const classes = `split-parent ${className}`;
-    switch (tag) {
-      case 'h1':
-        return (
-          <h1 ref={ref} style={style} className={classes}>
-            {text}
-          </h1>
-        );
-      case 'h2':
-        return (
-          <h2 ref={ref} style={style} className={classes}>
-            {text}
-          </h2>
-        );
-      case 'h3':
-        return (
-          <h3 ref={ref} style={style} className={classes}>
-            {text}
-          </h3>
-        );
-      case 'h4':
-        return (
-          <h4 ref={ref} style={style} className={classes}>
-            {text}
-          </h4>
-        );
-      case 'h5':
-        return (
-          <h5 ref={ref} style={style} className={classes}>
-            {text}
-          </h5>
-        );
-      case 'h6':
-        return (
-          <h6 ref={ref} style={style} className={classes}>
-            {text}
-          </h6>
-        );
-      default:
-        return (
-          <p ref={ref} style={style} className={classes}>
-            {text}
-          </p>
-        );
-    }
+    const Tag = (tag || 'p');
+
+    return (
+      <Tag ref={ref} style={style} className={classes}>
+        {text}
+      </Tag>
+    );
   };
   return renderTag();
 };
diff --git a/src/tailwind/TextAnimations/SplitText/SplitText.jsx b/src/tailwind/TextAnimations/SplitText/SplitText.jsx
index ce934826..a3d4849d 100644
--- a/src/tailwind/TextAnimations/SplitText/SplitText.jsx
+++ b/src/tailwind/TextAnimations/SplitText/SplitText.jsx
@@ -150,50 +150,13 @@ const SplitText = ({
       willChange: 'transform, opacity'
     };
     const classes = `split-parent overflow-hidden inline-block whitespace-normal ${className}`;
-    switch (tag) {
-      case 'h1':
-        return (
-          <h1 ref={ref} style={style} className={classes}>
-            {text}
-          </h1>
-        );
-      case 'h2':
-        return (
-          <h2 ref={ref} style={style} className={classes}>
-            {text}
-          </h2>
-        );
-      case 'h3':
-        return (
-          <h3 ref={ref} style={style} className={classes}>
-            {text}
-          </h3>
-        );
-      case 'h4':
-        return (
-          <h4 ref={ref} style={style} className={classes}>
-            {text}
-          </h4>
-        );
-      case 'h5':
-        return (
-          <h5 ref={ref} style={style} className={classes}>
-            {text}
-          </h5>
-        );
-      case 'h6':
-        return (
-          <h6 ref={ref} style={style} className={classes}>
-            {text}
-          </h6>
-        );
-      default:
-        return (
-          <p ref={ref} style={style} className={classes}>
-            {text}
-          </p>
-        );
-    }
+    const Tag = (tag || 'p');
+
+    return (
+      <Tag ref={ref} style={style} className={classes}>
+        {text}
+      </Tag>
+    );
   };
   return renderTag();
 };
diff --git a/src/ts-default/TextAnimations/SplitText/SplitText.tsx b/src/ts-default/TextAnimations/SplitText/SplitText.tsx
index 23f2264f..87da3f61 100644
--- a/src/ts-default/TextAnimations/SplitText/SplitText.tsx
+++ b/src/ts-default/TextAnimations/SplitText/SplitText.tsx
@@ -165,50 +165,13 @@ const SplitText: React.FC<SplitTextProps> = ({
       willChange: 'transform, opacity'
     };
     const classes = `split-parent ${className}`;
-    switch (tag) {
-      case 'h1':
-        return (
-          <h1 ref={ref} style={style} className={classes}>
-            {text}
-          </h1>
-        );
-      case 'h2':
-        return (
-          <h2 ref={ref} style={style} className={classes}>
-            {text}
-          </h2>
-        );
-      case 'h3':
-        return (
-          <h3 ref={ref} style={style} className={classes}>
-            {text}
-          </h3>
-        );
-      case 'h4':
-        return (
-          <h4 ref={ref} style={style} className={classes}>
-            {text}
-          </h4>
-        );
-      case 'h5':
-        return (
-          <h5 ref={ref} style={style} className={classes}>
-            {text}
-          </h5>
-        );
-      case 'h6':
-        return (
-          <h6 ref={ref} style={style} className={classes}>
-            {text}
-          </h6>
-        );
-      default:
-        return (
-          <p ref={ref} style={style} className={classes}>
-            {text}
-          </p>
-        );
-    }
+    const Tag = (tag || 'p') as React.ElementType;
+
+    return (
+      <Tag ref={ref} style={style} className={classes}>
+        {text}
+      </Tag>
+    );
   };
   return renderTag();
 };
diff --git a/src/ts-tailwind/TextAnimations/SplitText/SplitText.tsx b/src/ts-tailwind/TextAnimations/SplitText/SplitText.tsx
index 605d941f..1eac2ba0 100644
--- a/src/ts-tailwind/TextAnimations/SplitText/SplitText.tsx
+++ b/src/ts-tailwind/TextAnimations/SplitText/SplitText.tsx
@@ -155,6 +155,7 @@ const SplitText: React.FC<SplitTextProps> = ({
     }
   );
 
+  
   const renderTag = () => {
     const style: React.CSSProperties = {
       textAlign,
@@ -162,52 +163,17 @@ const SplitText: React.FC<SplitTextProps> = ({
       willChange: 'transform, opacity'
     };
     const classes = `split-parent overflow-hidden inline-block whitespace-normal ${className}`;
-    switch (tag) {
-      case 'h1':
-        return (
-          <h1 ref={ref} style={style} className={classes}>
-            {text}
-          </h1>
-        );
-      case 'h2':
-        return (
-          <h2 ref={ref} style={style} className={classes}>
-            {text}
-          </h2>
-        );
-      case 'h3':
-        return (
-          <h3 ref={ref} style={style} className={classes}>
-            {text}
-          </h3>
-        );
-      case 'h4':
-        return (
-          <h4 ref={ref} style={style} className={classes}>
-            {text}
-          </h4>
-        );
-      case 'h5':
-        return (
-          <h5 ref={ref} style={style} className={classes}>
-            {text}
-          </h5>
-        );
-      case 'h6':
-        return (
-          <h6 ref={ref} style={style} className={classes}>
-            {text}
-          </h6>
-        );
-      default:
-        return (
-          <p ref={ref} style={style} className={classes}>
-            {text}
-          </p>
-        );
-    }
+    const Tag = (tag || 'p') as React.ElementType;
+
+    return (
+      <Tag ref={ref} style={style} className={classes}>
+        {text}
+      </Tag>
+    );
   };
 
+  
+
   return renderTag();
 };