diff --git a/components/seo/XmlToJsonSEO.tsx b/components/seo/XmlToJsonSEO.tsx
new file mode 100644
index 0000000..e818233
--- /dev/null
+++ b/components/seo/XmlToJsonSEO.tsx
@@ -0,0 +1,207 @@
+import Link from "next/link";
+
+export default function XmlToJsonSEO() {
+  return (
+    <div className="content-wrapper">
+      <section>
+        <p>
+          Our free, open-source, and ad-free XML to JSON converter makes it easy
+          to transform your data formats. Convert configuration files, API
+          responses, or legacy XML data into modern JSON with just a few clicks.
+        </p>
+      </section>
+
+      <section>
+        <h2>Why Convert XML to JSON?</h2>
+        <p>
+          XML (eXtensible Markup Language) has been a standard for data exchange
+          for decades, but JSON (JavaScript Object Notation) has become the
+          preferred format for modern web development. Converting{" "}
+          <b>XML to JSON</b> is essential when you need:
+        </p>
+        <ul>
+          <li>
+            <b>Modern API Integration:</b> <br /> Most modern REST APIs use
+            JSON, making conversion essential for integrating legacy XML data.
+          </li>
+          <li>
+            <b>Reduced Data Size:</b> <br /> JSON is more compact than XML,
+            reducing bandwidth and improving performance.
+          </li>
+          <li>
+            <b>JavaScript Compatibility:</b> <br /> JSON is native to
+            JavaScript, making it easier to work with in web applications.
+          </li>
+          <li>
+            <b>Better Readability:</b> <br /> JSON's simpler syntax makes data
+            easier to read and understand compared to verbose XML.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>How to Use Our XML to JSON Converter</h2>
+        <p>Converting XML data to JSON has never been easier:</p>
+        <ul>
+          <li>
+            <b>Step 1:</b> <br /> Paste your XML code into the input box.
+          </li>
+          <li>
+            <b>Step 2:</b> <br /> Instantly receive your JSON output. No
+            registration or ads.
+          </li>
+          <li>
+            <b>Step 3:</b> <br /> Copy your JSON data and integrate it into your
+            project.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>Key Features of Our XML to JSON Tool</h2>
+        <ul>
+          <li>
+            <b>Client-side processing</b> <br /> Your data never leaves your
+            browser - complete privacy guaranteed.
+          </li>
+          <li>
+            <b>Attribute handling</b> <br /> XML attributes are preserved using
+            the @attributes convention, compatible with popular libraries like
+            xml2js.
+          </li>
+          <li>
+            <b>Array detection</b> <br /> Multiple elements with the same name
+            are automatically converted to arrays.
+          </li>
+          <li>
+            <b>Text content preservation</b> <br /> Mixed content with text and
+            attributes uses the #text key for clarity.
+          </li>
+          <li>
+            <b>Error detection</b> <br /> Invalid XML is detected and reported
+            immediately with helpful error messages.
+          </li>
+          <li>
+            <b>Standards-compliant</b> <br /> Follows industry-standard
+            conversion patterns used by major XML parsing libraries.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>XML vs JSON: When to Use Each</h2>
+        <p>Both XML and JSON have their strengths. Here's when to use each:</p>
+        <ul>
+          <li>
+            <b>Use XML for:</b> <br />
+            Documents with mixed content, complex schemas requiring validation,
+            XSLT transformations, SOAP web services, and when namespaces are
+            needed.
+          </li>
+          <li>
+            <b>Use JSON for:</b> <br />
+            REST APIs, configuration files, web applications, mobile apps, NoSQL
+            databases, and when file size and parsing speed matter.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>Understanding the Conversion Format</h2>
+        <p>Our converter uses industry-standard conventions:</p>
+        <ul>
+          <li>
+            <b>@attributes object:</b> <br />
+            XML attributes are grouped in an @attributes object, matching the
+            behavior of popular libraries like xml2js.
+          </li>
+          <li>
+            <b>#text key:</b> <br />
+            When an element has both text content and attributes or child
+            elements, the text is stored under a #text key.
+          </li>
+          <li>
+            <b>Automatic arrays:</b> <br />
+            Multiple sibling elements with the same name are automatically
+            converted to JSON arrays.
+          </li>
+          <li>
+            <b>Empty elements:</b> <br />
+            Self-closing or empty XML elements are converted to null in JSON.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>FAQs</h2>
+        <ul>
+          <li>
+            <b>What is XML?</b> <br />
+            XML (eXtensible Markup Language) is a markup language that defines
+            rules for encoding documents in a format that is both human-readable
+            and machine-readable. It's widely used for data exchange and
+            configuration files.
+          </li>
+          <li>
+            <b>What is JSON?</b> <br />
+            JSON (JavaScript Object Notation) is a lightweight data format used
+            to transmit data between servers and web applications. It's the
+            standard format for modern REST APIs.
+          </li>
+          <li>
+            <b>How are XML attributes handled?</b> <br />
+            XML attributes are converted to an @attributes object in the JSON
+            output, preserving all attribute data while maintaining
+            compatibility with standard XML parsing libraries.
+          </li>
+          <li>
+            <b>Can I convert large XML files?</b> <br />
+            Yes! Since processing happens in your browser, you can convert files
+            of any size. However, very large files may take longer to process
+            depending on your device's capabilities.
+          </li>
+          <li>
+            <b>Is my data secure?</b> <br />
+            Absolutely! All processing happens entirely in your browser. Your
+            XML data is never sent to any server, ensuring complete privacy and
+            security.
+          </li>
+          <li>
+            <b>Can I convert JSON back to XML?</b> <br />
+            While our tool focuses on XML to JSON conversion, you can manually
+            restructure JSON back to XML format. Note that some information like
+            attribute order may not be perfectly preserved.
+          </li>
+          <li>
+            <b>Does it handle namespaces?</b> <br />
+            XML namespaces are preserved in the element names. For example,
+            &lt;ns:element&gt; becomes "ns:element" in the JSON output.
+          </li>
+        </ul>
+      </section>
+
+      <section>
+        <h2>Related Tools</h2>
+        <p>Check out our other data conversion utilities:</p>
+        <ul>
+          <li>
+            <Link href="/utilities/json-formatter">JSON Formatter</Link> -
+            Format and beautify JSON data
+          </li>
+          <li>
+            <Link href="/utilities/yaml-to-json">YAML to JSON</Link> - Convert
+            YAML to JSON format
+          </li>
+          <li>
+            <Link href="/utilities/json-to-yaml">JSON to YAML</Link> - Convert
+            JSON to YAML format
+          </li>
+          <li>
+            <Link href="/utilities/csv-to-json">CSV to JSON</Link> - Convert CSV
+            to JSON format
+          </li>
+        </ul>
+      </section>
+    </div>
+  );
+}
diff --git a/components/utils/tools-list.ts b/components/utils/tools-list.ts
index a5ac9ba..343bccb 100644
--- a/components/utils/tools-list.ts
+++ b/components/utils/tools-list.ts
@@ -167,4 +167,10 @@ export const tools = [
       "Check color contrast ratios for WCAG AA and AAA compliance. Ensure your designs meet accessibility standards with our free color contrast checker tool.",
     link: "/utilities/wcag-color-contrast-checker",
   },
+  {
+    title: "XML to JSON",
+    description:
+      "Transform XML data into JSON format instantly. Simplifies working with APIs and modern web applications that prefer JSON.",
+    link: "/utilities/xml-to-json",
+  },
 ];
diff --git a/components/utils/xml-to-json.test.ts b/components/utils/xml-to-json.test.ts
new file mode 100644
index 0000000..0be15b3
--- /dev/null
+++ b/components/utils/xml-to-json.test.ts
@@ -0,0 +1,632 @@
+import { xmlToJson } from "./xml-to-json.utils";
+
+describe("XML to JSON Converter", () => {
+  describe("Basic conversion", () => {
+    it("should convert simple XML to JSON", () => {
+      const xml = "<root><name>test</name></root>";
+      const result = xmlToJson(xml);
+      expect(result).toEqual({ root: { name: "test" } });
+    });
+
+    it("should handle nested elements", () => {
+      const xml = "<root><parent><child>value</child></parent></root>";
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: { parent: { child: "value" } },
+      });
+    });
+
+    it("should handle empty elements", () => {
+      const xml = "<root><empty></empty></root>";
+      const result = xmlToJson(xml);
+      expect(result).toEqual({ root: { empty: null } });
+    });
+  });
+
+  describe("Attribute handling", () => {
+    it("should convert XML attributes to @attributes object", () => {
+      const xml = '<root id="123"><name>test</name></root>';
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: { "@attributes": { id: "123" }, name: "test" },
+      });
+    });
+
+    it("should handle multiple attributes", () => {
+      const xml = '<root id="123" class="main" data-test="true"></root>';
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: {
+          "@attributes": { id: "123", class: "main", "data-test": "true" },
+        },
+      });
+    });
+
+    it("should handle element with only attributes", () => {
+      const xml = '<root id="123"></root>';
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: { "@attributes": { id: "123" } },
+      });
+    });
+
+    it("should handle self-closing tags with attributes", () => {
+      const xml = '<root><coordinates lat="40.7128" lon="-74.0060"/></root>';
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: {
+          coordinates: {
+            "@attributes": {
+              lat: "40.7128",
+              lon: "-74.0060",
+            },
+          },
+        },
+      });
+    });
+  });
+
+  describe("Array handling", () => {
+    it("should convert multiple same-named elements to array", () => {
+      const xml = "<root><item>1</item><item>2</item><item>3</item></root>";
+      const result = xmlToJson(xml);
+      expect(result).toEqual({ root: { item: ["1", "2", "3"] } });
+    });
+
+    it("should handle mixed elements with arrays", () => {
+      const xml = "<root><name>test</name><item>1</item><item>2</item></root>";
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: { name: "test", item: ["1", "2"] },
+      });
+    });
+
+    it("should handle arrays of objects with attributes", () => {
+      const xml =
+        '<root><item id="1">first</item><item id="2">second</item></root>';
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: {
+          item: [
+            { "#text": "first", "@attributes": { id: "1" } },
+            { "#text": "second", "@attributes": { id: "2" } },
+          ],
+        },
+      });
+    });
+  });
+
+  describe("Text content handling", () => {
+    it("should handle text content with attributes using #text", () => {
+      const xml = '<root id="1">text content</root>';
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        root: { "#text": "text content", "@attributes": { id: "1" } },
+      });
+    });
+
+    it("should trim whitespace from text content", () => {
+      const xml = "<root><name>  test  </name></root>";
+      const result = xmlToJson(xml);
+      expect(result).toEqual({ root: { name: "test" } });
+    });
+
+    it("should handle mixed content (text + elements)", () => {
+      const xml = '<price currency="USD">12.50</price>';
+      const result = xmlToJson(xml);
+      expect(result).toEqual({
+        price: { "#text": "12.50", "@attributes": { currency: "USD" } },
+      });
+    });
+  });
+
+  describe("Error handling", () => {
+    it("should throw error for invalid XML", () => {
+      const xml = "<root><unclosed>";
+      expect(() => xmlToJson(xml)).toThrow("Invalid XML");
+    });
+
+    it("should throw error for malformed XML", () => {
+      const xml = "not xml at all";
+      expect(() => xmlToJson(xml)).toThrow("Invalid XML");
+    });
+  });
+
+  describe("Complex nested structure", () => {
+    it("should convert complex library XML structure", () => {
+      const xml = `<?xml version="1.0" encoding="UTF-8"?>
+<library>
+  <metadata>
+    <name>City Central Library</name>
+    <location>
+      <city>New York</city>
+      <country>USA</country>
+      <coordinates lat="40.7128" lon="-74.0060"/>
+    </location>
+    <established>1832</established>
+  </metadata>
+
+  <books>
+    <book id="001" available="true">
+      <title>The Great Gatsby</title>
+      <author nationality="American">
+        <firstName>F. Scott</firstName>
+        <lastName>Fitzgerald</lastName>
+      </author>
+      <isbn>978-0-7432-7356-5</isbn>
+      <published>1925</published>
+      <genres>
+        <genre>Fiction</genre>
+        <genre>Classic</genre>
+      </genres>
+      <price currency="USD">12.50</price>
+      <copies>5</copies>
+      <description>A novel set in the Jazz Age that explores themes of decadence, idealism, and excess.</description>
+    </book>
+
+    <book id="002" available="false">
+      <title>1984</title>
+      <author nationality="British">
+        <firstName>George</firstName>
+        <lastName>Orwell</lastName>
+      </author>
+      <isbn>978-0-452-28423-4</isbn>
+      <published>1949</published>
+      <genres>
+        <genre>Dystopian</genre>
+        <genre>Science Fiction</genre>
+        <genre>Political Fiction</genre>
+      </genres>
+      <price currency="USD">9.80</price>
+      <copies>0</copies>
+      <description>A dystopian social science fiction novel and cautionary tale.</description>
+    </book>
+
+    <book id="003" available="true">
+      <title>To Kill a Mockingbird</title>
+      <author nationality="American">
+        <firstName>Harper</firstName>
+        <lastName>Lee</lastName>
+      </author>
+      <isbn>978-0-06-112008-4</isbn>
+      <published>1960</published>
+      <genres>
+        <genre>Fiction</genre>
+        <genre>Classic</genre>
+        <genre>Historical</genre>
+      </genres>
+      <price currency="USD">11.00</price>
+      <copies>3</copies>
+      <awards>
+        <award year="1961">Pulitzer Prize</award>
+        <award year="1961">Brotherhood Award</award>
+      </awards>
+      <description>A novel about racial injustice and childhood innocence in the American South.</description>
+    </book>
+  </books>
+
+  <members>
+    <member id="M001" status="active">
+      <name>John Doe</name>
+      <email>john.doe@example.com</email>
+      <phone>+1 555 123 4567</phone>
+      <joinDate>2024-03-15</joinDate>
+      <borrowedBooks>
+        <bookRef id="001" dueDate="2026-01-20"/>
+      </borrowedBooks>
+    </member>
+
+    <member id="M002" status="active">
+      <name>Jane Smith</name>
+      <email>jane.smith@example.com</email>
+      <phone>+1 555 987 6543</phone>
+      <joinDate>2023-07-22</joinDate>
+      <borrowedBooks>
+        <bookRef id="003" dueDate="2026-01-15"/>
+        <bookRef id="001" dueDate="2026-01-18"/>
+      </borrowedBooks>
+    </member>
+
+    <member id="M003" status="suspended">
+      <name>Bob Johnson</name>
+      <email>bob.johnson@example.com</email>
+      <phone>+1 555 555 7890</phone>
+      <joinDate>2022-11-10</joinDate>
+      <borrowedBooks/>
+      <suspensionReason>Late returns</suspensionReason>
+    </member>
+  </members>
+
+  <staff>
+    <employee id="E001" role="librarian">
+      <name>Alice Williams</name>
+      <department>Reference</department>
+      <hireDate>2018-05-01</hireDate>
+      <schedule>
+        <shift day="Monday" start="09:00" end="17:00"/>
+        <shift day="Wednesday" start="09:00" end="17:00"/>
+        <shift day="Friday" start="09:00" end="17:00"/>
+      </schedule>
+    </employee>
+
+    <employee id="E002" role="manager">
+      <name>Charlie Brown</name>
+      <department>Administration</department>
+      <hireDate>2015-02-15</hireDate>
+      <schedule>
+        <shift day="Monday" start="08:00" end="16:00"/>
+        <shift day="Tuesday" start="08:00" end="16:00"/>
+        <shift day="Wednesday" start="08:00" end="16:00"/>
+        <shift day="Thursday" start="08:00" end="16:00"/>
+        <shift day="Friday" start="08:00" end="16:00"/>
+      </schedule>
+    </employee>
+  </staff>
+
+  <events>
+    <event type="workshop" capacity="20">
+      <title>Creative Writing Workshop</title>
+      <date>2026-02-10</date>
+      <time>18:00</time>
+      <instructor>David Miller</instructor>
+      <registrations>15</registrations>
+    </event>
+
+    <event type="reading" capacity="50">
+      <title>Poetry Night</title>
+      <date>2026-01-25</date>
+      <time>19:30</time>
+      <guests>
+        <guest>Emily Davis</guest>
+        <guest>Frank Wilson</guest>
+      </guests>
+      <registrations>42</registrations>
+    </event>
+  </events>
+
+  <config>
+    <settings>
+      <maxBorrowDays>14</maxBorrowDays>
+      <maxBooksPerMember>5</maxBooksPerMember>
+      <lateFeePerDay currency="USD">0.50</lateFeePerDay>
+      <openingHours>
+        <weekday open="08:00" close="20:00"/>
+        <saturday open="09:00" close="15:00"/>
+        <sunday closed="true"/>
+      </openingHours>
+    </settings>
+  </config>
+</library>`;
+
+      const result = xmlToJson(xml);
+
+      expect(result).toEqual({
+        library: {
+          metadata: {
+            name: "City Central Library",
+            location: {
+              city: "New York",
+              country: "USA",
+              coordinates: {
+                "@attributes": {
+                  lat: "40.7128",
+                  lon: "-74.0060",
+                },
+              },
+            },
+            established: "1832",
+          },
+          books: {
+            book: [
+              {
+                "@attributes": {
+                  id: "001",
+                  available: "true",
+                },
+                title: "The Great Gatsby",
+                author: {
+                  "@attributes": {
+                    nationality: "American",
+                  },
+                  firstName: "F. Scott",
+                  lastName: "Fitzgerald",
+                },
+                isbn: "978-0-7432-7356-5",
+                published: "1925",
+                genres: {
+                  genre: ["Fiction", "Classic"],
+                },
+                price: {
+                  "#text": "12.50",
+                  "@attributes": {
+                    currency: "USD",
+                  },
+                },
+                copies: "5",
+                description:
+                  "A novel set in the Jazz Age that explores themes of decadence, idealism, and excess.",
+              },
+              {
+                "@attributes": {
+                  id: "002",
+                  available: "false",
+                },
+                title: "1984",
+                author: {
+                  "@attributes": {
+                    nationality: "British",
+                  },
+                  firstName: "George",
+                  lastName: "Orwell",
+                },
+                isbn: "978-0-452-28423-4",
+                published: "1949",
+                genres: {
+                  genre: ["Dystopian", "Science Fiction", "Political Fiction"],
+                },
+                price: {
+                  "#text": "9.80",
+                  "@attributes": {
+                    currency: "USD",
+                  },
+                },
+                copies: "0",
+                description:
+                  "A dystopian social science fiction novel and cautionary tale.",
+              },
+              {
+                "@attributes": {
+                  id: "003",
+                  available: "true",
+                },
+                title: "To Kill a Mockingbird",
+                author: {
+                  "@attributes": {
+                    nationality: "American",
+                  },
+                  firstName: "Harper",
+                  lastName: "Lee",
+                },
+                isbn: "978-0-06-112008-4",
+                published: "1960",
+                genres: {
+                  genre: ["Fiction", "Classic", "Historical"],
+                },
+                price: {
+                  "#text": "11.00",
+                  "@attributes": {
+                    currency: "USD",
+                  },
+                },
+                copies: "3",
+                awards: {
+                  award: [
+                    {
+                      "#text": "Pulitzer Prize",
+                      "@attributes": {
+                        year: "1961",
+                      },
+                    },
+                    {
+                      "#text": "Brotherhood Award",
+                      "@attributes": {
+                        year: "1961",
+                      },
+                    },
+                  ],
+                },
+                description:
+                  "A novel about racial injustice and childhood innocence in the American South.",
+              },
+            ],
+          },
+          members: {
+            member: [
+              {
+                "@attributes": {
+                  id: "M001",
+                  status: "active",
+                },
+                name: "John Doe",
+                email: "john.doe@example.com",
+                phone: "+1 555 123 4567",
+                joinDate: "2024-03-15",
+                borrowedBooks: {
+                  bookRef: {
+                    "@attributes": {
+                      id: "001",
+                      dueDate: "2026-01-20",
+                    },
+                  },
+                },
+              },
+              {
+                "@attributes": {
+                  id: "M002",
+                  status: "active",
+                },
+                name: "Jane Smith",
+                email: "jane.smith@example.com",
+                phone: "+1 555 987 6543",
+                joinDate: "2023-07-22",
+                borrowedBooks: {
+                  bookRef: [
+                    {
+                      "@attributes": {
+                        id: "003",
+                        dueDate: "2026-01-15",
+                      },
+                    },
+                    {
+                      "@attributes": {
+                        id: "001",
+                        dueDate: "2026-01-18",
+                      },
+                    },
+                  ],
+                },
+              },
+              {
+                "@attributes": {
+                  id: "M003",
+                  status: "suspended",
+                },
+                name: "Bob Johnson",
+                email: "bob.johnson@example.com",
+                phone: "+1 555 555 7890",
+                joinDate: "2022-11-10",
+                borrowedBooks: null,
+                suspensionReason: "Late returns",
+              },
+            ],
+          },
+          staff: {
+            employee: [
+              {
+                "@attributes": {
+                  id: "E001",
+                  role: "librarian",
+                },
+                name: "Alice Williams",
+                department: "Reference",
+                hireDate: "2018-05-01",
+                schedule: {
+                  shift: [
+                    {
+                      "@attributes": {
+                        day: "Monday",
+                        start: "09:00",
+                        end: "17:00",
+                      },
+                    },
+                    {
+                      "@attributes": {
+                        day: "Wednesday",
+                        start: "09:00",
+                        end: "17:00",
+                      },
+                    },
+                    {
+                      "@attributes": {
+                        day: "Friday",
+                        start: "09:00",
+                        end: "17:00",
+                      },
+                    },
+                  ],
+                },
+              },
+              {
+                "@attributes": {
+                  id: "E002",
+                  role: "manager",
+                },
+                name: "Charlie Brown",
+                department: "Administration",
+                hireDate: "2015-02-15",
+                schedule: {
+                  shift: [
+                    {
+                      "@attributes": {
+                        day: "Monday",
+                        start: "08:00",
+                        end: "16:00",
+                      },
+                    },
+                    {
+                      "@attributes": {
+                        day: "Tuesday",
+                        start: "08:00",
+                        end: "16:00",
+                      },
+                    },
+                    {
+                      "@attributes": {
+                        day: "Wednesday",
+                        start: "08:00",
+                        end: "16:00",
+                      },
+                    },
+                    {
+                      "@attributes": {
+                        day: "Thursday",
+                        start: "08:00",
+                        end: "16:00",
+                      },
+                    },
+                    {
+                      "@attributes": {
+                        day: "Friday",
+                        start: "08:00",
+                        end: "16:00",
+                      },
+                    },
+                  ],
+                },
+              },
+            ],
+          },
+          events: {
+            event: [
+              {
+                "@attributes": {
+                  type: "workshop",
+                  capacity: "20",
+                },
+                title: "Creative Writing Workshop",
+                date: "2026-02-10",
+                time: "18:00",
+                instructor: "David Miller",
+                registrations: "15",
+              },
+              {
+                "@attributes": {
+                  type: "reading",
+                  capacity: "50",
+                },
+                title: "Poetry Night",
+                date: "2026-01-25",
+                time: "19:30",
+                guests: {
+                  guest: ["Emily Davis", "Frank Wilson"],
+                },
+                registrations: "42",
+              },
+            ],
+          },
+          config: {
+            settings: {
+              maxBorrowDays: "14",
+              maxBooksPerMember: "5",
+              lateFeePerDay: {
+                "#text": "0.50",
+                "@attributes": {
+                  currency: "USD",
+                },
+              },
+              openingHours: {
+                weekday: {
+                  "@attributes": {
+                    open: "08:00",
+                    close: "20:00",
+                  },
+                },
+                saturday: {
+                  "@attributes": {
+                    open: "09:00",
+                    close: "15:00",
+                  },
+                },
+                sunday: {
+                  "@attributes": {
+                    closed: "true",
+                  },
+                },
+              },
+            },
+          },
+        },
+      });
+    });
+  });
+});
diff --git a/components/utils/xml-to-json.utils.ts b/components/utils/xml-to-json.utils.ts
new file mode 100644
index 0000000..d778193
--- /dev/null
+++ b/components/utils/xml-to-json.utils.ts
@@ -0,0 +1,99 @@
+/**
+ * Converts XML string to JSON object
+ * @param xml - The XML string to convert
+ * @returns The parsed JSON object
+ */
+export function xmlToJson(xml: string): unknown {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(xml, "text/xml");
+
+  // Check for parsing errors
+  const parserError = doc.querySelector("parsererror");
+  if (parserError) {
+    throw new Error("Invalid XML");
+  }
+
+  function nodeToJson(node: Node): unknown {
+    const obj: Record<string, unknown> = {};
+
+    // Handle element nodes
+    if (node.nodeType === Node.ELEMENT_NODE) {
+      const element = node as Element;
+
+      // Handle child nodes first
+      const children: Record<string, unknown[]> = {};
+      let hasTextContent = false;
+      let textContent = "";
+
+      if (element.hasChildNodes()) {
+        for (let i = 0; i < element.childNodes.length; i++) {
+          const child = element.childNodes[i];
+
+          // Text node
+          if (
+            child.nodeType === Node.TEXT_NODE ||
+            child.nodeType === Node.CDATA_SECTION_NODE
+          ) {
+            const text = child.textContent?.trim();
+            if (text) {
+              hasTextContent = true;
+              textContent = text;
+            }
+          }
+          // Element node
+          else if (child.nodeType === Node.ELEMENT_NODE) {
+            const childName = child.nodeName;
+            const childValue = nodeToJson(child);
+
+            if (!children[childName]) {
+              children[childName] = [];
+            }
+            children[childName].push(childValue);
+          }
+        }
+      }
+
+      // Add child elements to object
+      for (const [name, values] of Object.entries(children)) {
+        if (values.length === 1) {
+          obj[name] = values[0];
+        } else {
+          obj[name] = values;
+        }
+      }
+
+      // Handle text content
+      if (hasTextContent) {
+        // If only text content and no attributes, return text directly
+        if (Object.keys(obj).length === 0 && element.attributes.length === 0) {
+          return textContent;
+        }
+        // If has attributes or children, add as #text
+        if (element.attributes.length > 0 || Object.keys(obj).length > 0) {
+          obj["#text"] = textContent;
+        }
+      }
+
+      // Add attributes as @attributes object
+      if (element.attributes.length > 0) {
+        const attributes: Record<string, string> = {};
+        for (let i = 0; i < element.attributes.length; i++) {
+          const attr = element.attributes[i];
+          attributes[attr.nodeName] = attr.nodeValue || "";
+        }
+        obj["@attributes"] = attributes;
+      }
+
+      // If empty element, return null
+      const keys = Object.keys(obj);
+      if (keys.length === 0) {
+        return null;
+      }
+    }
+
+    return obj;
+  }
+
+  const root = doc.documentElement;
+  return { [root.nodeName]: nodeToJson(root) };
+}
diff --git a/pages/utilities/xml-to-json.tsx b/pages/utilities/xml-to-json.tsx
new file mode 100644
index 0000000..abd301b
--- /dev/null
+++ b/pages/utilities/xml-to-json.tsx
@@ -0,0 +1,92 @@
+import CallToActionGrid from "@/components/CallToActionGrid";
+import { CMDK } from "@/components/CMDK";
+import { Button } from "@/components/ds/ButtonComponent";
+import { Card } from "@/components/ds/CardComponent";
+import { Label } from "@/components/ds/LabelComponent";
+import { Textarea } from "@/components/ds/TextareaComponent";
+import GitHubContribution from "@/components/GitHubContribution";
+import Header from "@/components/Header";
+import { useCopyToClipboard } from "@/components/hooks/useCopyToClipboard";
+import PageHeader from "@/components/PageHeader";
+import XmlToJsonSEO from "@/components/seo/XmlToJsonSEO";
+import { xmlToJson } from "@/components/utils/xml-to-json.utils";
+import { useCallback, useState } from "react";
+import Meta from "../../components/Meta";
+
+export default function XMLtoJSON() {
+  const [input, setInput] = useState("");
+  const [output, setOutput] = useState("");
+  const { buttonText, handleCopy } = useCopyToClipboard();
+
+  const handleChange = useCallback(
+    (event: React.ChangeEvent<HTMLTextAreaElement>) => {
+      const { value } = event.currentTarget;
+      setInput(value);
+
+      if (!value.trim()) {
+        setOutput("");
+        return;
+      }
+
+      try {
+        const jsonObject = xmlToJson(value.trim());
+        const output = JSON.stringify(jsonObject, null, 2);
+        setOutput(output);
+      } catch {
+        setOutput("Invalid XML input");
+      }
+    },
+    []
+  );
+
+  return (
+    <main>
+      <Meta
+        title="XML to JSON Converter | Free, Open Source & Ad-free"
+        description="Convert XML to JSON format quickly and easily with Jam's free online XML to JSON converter. Just paste your XML data and get the JSON result. That's it."
+      />
+      <Header />
+      <CMDK />
+
+      <section className="container max-w-2xl mb-12">
+        <PageHeader
+          title="XML to JSON"
+          description="Free, Open Source & Ad-free"
+        />
+      </section>
+
+      <section className="container max-w-2xl mb-6">
+        <Card className="flex flex-col p-6 hover:shadow-none shadow-none rounded-xl">
+          <div>
+            <Label>XML</Label>
+            <Textarea
+              rows={8}
+              placeholder="Paste XML here"
+              onChange={handleChange}
+              className="mb-6 font-mono text-sm"
+              value={input}
+            />
+            <Label>JSON</Label>
+            <Textarea
+              value={output}
+              rows={8}
+              readOnly
+              className="mb-4 font-mono text-sm"
+            />
+            <Button variant="outline" onClick={() => handleCopy(output)}>
+              {buttonText}
+            </Button>
+          </div>
+        </Card>
+      </section>
+
+      <GitHubContribution username="HamdiSaidaniX" />
+
+      <CallToActionGrid />
+
+      <section className="container max-w-2xl">
+        <XmlToJsonSEO />
+      </section>
+    </main>
+  );
+}