diff --git a/Sources/Slipstream/Documentation.docc/Guides/SlipstreamForWebDevelopers.md b/Sources/Slipstream/Documentation.docc/Guides/SlipstreamForWebDevelopers.md
index 8df6ea63..309275f2 100644
--- a/Sources/Slipstream/Documentation.docc/Guides/SlipstreamForWebDevelopers.md
+++ b/Sources/Slipstream/Documentation.docc/Guides/SlipstreamForWebDevelopers.md
@@ -230,3 +230,44 @@ provided below is an organized table of W3C HTML tags and their equivalent Slips
 [`<template>`](https://html.spec.whatwg.org/multipage/sections.html#the-template-element) | ``Template``
 [`<slot>`](https://html.spec.whatwg.org/multipage/sections.html#the-slot-element) | ``Slot``
 [`<canvas>`](https://html.spec.whatwg.org/multipage/sections.html#the-canvas-element) | ``Canvas``
+
+### SVG (Scalable Vector Graphics)
+
+ W3C tag | Slipstream view
+:--------|:----------------
+[`<svg>`](https://svgwg.org/svg2-draft/struct.html#SVGElement) | ``SVG``
+[`<circle>`](https://svgwg.org/svg2-draft/shapes.html#CircleElement) | ``SVGCircle``
+[`<defs>`](https://svgwg.org/svg2-draft/struct.html#DefsElement) | ``SVGDefs``
+[`<desc>`](https://svgwg.org/svg2-draft/struct.html#DescElement) | ``SVGDesc``
+[`<g>`](https://svgwg.org/svg2-draft/struct.html#GElement) | ``SVGGroup``
+[`<linearGradient>`](https://svgwg.org/svg2-draft/pservers.html#LinearGradientElement) | ``SVGLinearGradient``
+[`<path>`](https://svgwg.org/svg2-draft/paths.html#PathElement) | ``SVGPath``
+[`<radialGradient>`](https://svgwg.org/svg2-draft/pservers.html#RadialGradientElement) | ``SVGRadialGradient``
+[`<rect>`](https://svgwg.org/svg2-draft/shapes.html#RectElement) | ``SVGRect``
+[`<stop>`](https://svgwg.org/svg2-draft/pservers.html#StopElement) | ``SVGStop``
+[`<text>`](https://svgwg.org/svg2-draft/text.html#TextElement) | ``SVGText``
+[`<title>`](https://svgwg.org/svg2-draft/struct.html#TitleElement) | ``SVGTitle``
+
+### MathML (Mathematical Markup Language)
+
+ W3C tag | Slipstream view
+:--------|:----------------
+[`<math>`](https://www.w3.org/TR/MathML3/chapter2.html#interf.toplevel) | ``Math``
+[`<mi>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mi) | ``MI``
+[`<mo>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mo) | ``MO``
+[`<mn>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mn) | ``MN``
+[`<mtext>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtext) | ``MText``
+[`<ms>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.ms) | ``MS``
+[`<mrow>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mrow) | ``MRow``
+[`<mfrac>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mfrac) | ``MFrac``
+[`<msup>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.msup) | ``MSup``
+[`<msub>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.msub) | ``MSub``
+[`<msubsup>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.msubsup) | ``MSubSup``
+[`<msqrt>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.msqrt) | ``MSqrt``
+[`<mroot>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mroot) | ``MRoot``
+[`<munder>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.munder) | ``MUnder``
+[`<mover>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mover) | ``MOver``
+[`<munderover>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.munderover) | ``MUnderOver``
+[`<mtable>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtable) | ``MTable``
+[`<mtr>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtr) | ``MTr``
+[`<mtd>`](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtd) | ``MTd``
diff --git a/Sources/Slipstream/Rendering/Render.swift b/Sources/Slipstream/Rendering/Render.swift
index 128d9925..8f8f74ac 100644
--- a/Sources/Slipstream/Rendering/Render.swift
+++ b/Sources/Slipstream/Rendering/Render.swift
@@ -1,4 +1,5 @@
 import SwiftSoup
+import Foundation
 
 /// Renders the given view as an HTML document and returns the HTML.
 /// 
@@ -26,7 +27,46 @@ import SwiftSoup
 public func renderHTML(_ view: any View) throws -> String {
   let document = Document("/")
   try view.render(document, environment: EnvironmentValues())
-  return try document.html()
+  var html = try document.html()
+
+  // Post-process to format MathML token elements inline
+  // SwiftSoup doesn't know MathML tags, so it formats them as block-level
+  // We need to collapse whitespace within these elements to render them inline
+  let mathmlTokenTags = ["mi", "mo", "mn", "ms", "mtext"]
+  for tag in mathmlTokenTags {
+    // Pattern captures: indentation before content, content, indentation before closing tag
+    // We'll strip the indentation (based on closing tag) while preserving content spaces
+    let pattern = "<\(tag)>\\r?\\n([ \\t]*)(.*?)\\r?\\n([ \\t]*)</\(tag)>"
+    let regex = try! NSRegularExpression(pattern: pattern, options: [])
+    var nsString = html as NSString
+    let matches = regex.matches(in: html, options: [], range: NSRange(location: 0, length: nsString.length))
+
+    // Process matches in reverse to maintain string indices
+    for match in matches.reversed() {
+      guard match.numberOfRanges == 4 else { continue }
+      let fullRange = match.range(at: 0)
+      let leadingSpacesRange = match.range(at: 1)
+      let contentRange = match.range(at: 2)
+      let closingSpacesRange = match.range(at: 3)
+
+      let leadingSpaces = nsString.substring(with: leadingSpacesRange)
+      let content = nsString.substring(with: contentRange)
+      let closingSpaces = nsString.substring(with: closingSpacesRange)
+
+      // The closing tag's indentation tells us the element's indent level
+      // Content is indented one level deeper, so we strip closingIndent + 1
+      let indentToStrip = closingSpaces.count + 1
+      // Combine leading spaces and content, then strip the indentation
+      let fullContent = leadingSpaces + content
+      let trimmedContent = String(fullContent.dropFirst(min(indentToStrip, fullContent.count)))
+
+      let replacement = "<\(tag)>\(trimmedContent)</\(tag)>"
+      html = nsString.replacingCharacters(in: fullRange, with: replacement) as String
+      nsString = html as NSString
+    }
+  }
+
+  return html
 }
 
 /// Renders the given view as an HTML document and returns the HTML.
@@ -43,7 +83,38 @@ public func inlineHTML<Content: View>(@ViewBuilder _ builder: () -> Content) ->
   let document = Document("/")
   do {
     try builder().render(document, environment: EnvironmentValues())
-    return try document.html()
+    var html = try document.html()
+
+    // Post-process to format MathML token elements inline
+    let mathmlTokenTags = ["mi", "mo", "mn", "ms", "mtext"]
+    for tag in mathmlTokenTags {
+      let pattern = "<\(tag)>\\r?\\n([ \\t]*)(.*?)\\r?\\n([ \\t]*)</\(tag)>"
+      let regex = try! NSRegularExpression(pattern: pattern, options: [])
+      var nsString = html as NSString
+      let matches = regex.matches(in: html, options: [], range: NSRange(location: 0, length: nsString.length))
+
+      for match in matches.reversed() {
+        guard match.numberOfRanges == 4 else { continue }
+        let fullRange = match.range(at: 0)
+        let leadingSpacesRange = match.range(at: 1)
+        let contentRange = match.range(at: 2)
+        let closingSpacesRange = match.range(at: 3)
+
+        let leadingSpaces = nsString.substring(with: leadingSpacesRange)
+        let content = nsString.substring(with: contentRange)
+        let closingSpaces = nsString.substring(with: closingSpacesRange)
+
+        let indentToStrip = closingSpaces.count + 1
+        let fullContent = leadingSpaces + content
+        let trimmedContent = String(fullContent.dropFirst(min(indentToStrip, fullContent.count)))
+
+        let replacement = "<\(tag)>\(trimmedContent)</\(tag)>"
+        html = nsString.replacingCharacters(in: fullRange, with: replacement) as String
+        nsString = html as NSString
+      }
+    }
+
+    return html
   } catch let error {
     return "<!-- \(error) -->"
   }
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MFrac.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MFrac.swift
new file mode 100644
index 00000000..a78eefa1
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MFrac.swift
@@ -0,0 +1,55 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mfrac>` element for fractions.
+///
+/// The `<mfrac>` element is used to display fractions with a numerator and denominator
+/// separated by a horizontal line.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MFrac {
+///           MI("a")
+///           MI("b")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mfrac](https://www.w3.org/TR/MathML3/chapter3.html#presm.mfrac) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MFrac<Content>: View where Content: View {
+  /// Creates an MFrac element.
+  ///
+  /// - Parameter content: The numerator and denominator expressions (must contain exactly two children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+    self.linethicknessValue = nil
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mfrac")
+    if let linethickness = linethicknessValue {
+      try element.attr("linethickness", linethickness)
+    }
+    try self.content().render(element, environment: environment)
+  }
+
+  /// Sets the thickness of the fraction line.
+  ///
+  /// - Parameter thickness: The line thickness (e.g., "thin", "medium", "thick", or a length value)
+  /// - Returns: A new MFrac with the specified line thickness.
+  public func linethickness(_ thickness: String) -> MFrac {
+    var newFrac = self
+    newFrac.linethicknessValue = thickness
+    return newFrac
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+  private var linethicknessValue: String?
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MI.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MI.swift
new file mode 100644
index 00000000..52a38111
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MI.swift
@@ -0,0 +1,41 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mi>` element for identifiers.
+///
+/// The `<mi>` element is used to represent identifier symbols in mathematical expressions,
+/// such as variable names or function names. By default, content is rendered in italic.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRow {
+///           MI("x")
+///           MO("+")
+///           MI("y")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mi](https://www.w3.org/TR/MathML3/chapter3.html#presm.mi) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MI: View {
+  private let text: String
+
+  /// Creates an MI element with text content.
+  ///
+  /// - Parameter text: The identifier text content
+  public init(_ text: String) {
+    self.text = text
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mi")
+    try element.appendText(text)
+  }
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MN.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MN.swift
new file mode 100644
index 00000000..0435793a
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MN.swift
@@ -0,0 +1,40 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mn>` element for numbers.
+///
+/// The `<mn>` element is used to represent numeric literals in mathematical expressions.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRow {
+///           MN("42")
+///           MO("+")
+///           MN("3.14")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mn](https://www.w3.org/TR/MathML3/chapter3.html#presm.mn) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MN: View {
+  private let text: String
+
+  /// Creates an MN element with text content.
+  ///
+  /// - Parameter text: The number text content
+  public init(_ text: String) {
+    self.text = text
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mn")
+    try element.appendText(text)
+  }
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MO.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MO.swift
new file mode 100644
index 00000000..47d08afc
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MO.swift
@@ -0,0 +1,41 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mo>` element for operators.
+///
+/// The `<mo>` element is used to represent operators in mathematical expressions,
+/// such as +, -, ×, ÷, =, and other mathematical operators.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRow {
+///           MI("x")
+///           MO("+")
+///           MI("y")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mo](https://www.w3.org/TR/MathML3/chapter3.html#presm.mo) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MO: View {
+  private let text: String
+
+  /// Creates an MO element with text content.
+  ///
+  /// - Parameter text: The operator text content
+  public init(_ text: String) {
+    self.text = text
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mo")
+    try element.appendText(text)
+  }
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MOver.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MOver.swift
new file mode 100644
index 00000000..7d61f665
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MOver.swift
@@ -0,0 +1,40 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mover>` element for overscripts.
+///
+/// The `<mover>` element is used to attach an overscript to a base expression,
+/// commonly used for accents, limits, and other notations.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MOver {
+///           MI("x")
+///           MO("^")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mover](https://www.w3.org/TR/MathML3/chapter3.html#presm.mover) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MOver<Content>: View where Content: View {
+  /// Creates an MOver element.
+  ///
+  /// - Parameter content: The base and overscript expressions (must contain exactly two children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mover")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MRoot.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MRoot.swift
new file mode 100644
index 00000000..a66a0f64
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MRoot.swift
@@ -0,0 +1,39 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mroot>` element for nth roots.
+///
+/// The `<mroot>` element is used to display the nth root of an expression.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRoot {
+///           MI("x")
+///           MN("3")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mroot](https://www.w3.org/TR/MathML3/chapter3.html#presm.mroot) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MRoot<Content>: View where Content: View {
+  /// Creates an MRoot element.
+  ///
+  /// - Parameter content: The base and index expressions (must contain exactly two children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mroot")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MRow.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MRow.swift
new file mode 100644
index 00000000..c7ce1ff0
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MRow.swift
@@ -0,0 +1,41 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mrow>` element for grouping expressions.
+///
+/// The `<mrow>` element is used to group together any number of sub-expressions,
+/// typically to apply a common formatting or to indicate that they form a single expression.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRow {
+///           MI("x")
+///           MO("+")
+///           MI("y")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mrow](https://www.w3.org/TR/MathML3/chapter3.html#presm.mrow) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MRow<Content>: View where Content: View {
+  /// Creates an MRow element.
+  ///
+  /// - Parameter content: The mathematical expressions to group together.
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mrow")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MS.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MS.swift
new file mode 100644
index 00000000..43ee9262
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MS.swift
@@ -0,0 +1,39 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<ms>` element for string literals.
+///
+/// The `<ms>` element is used to represent string literals in mathematical expressions.
+/// By default, the content is displayed with surrounding quotes.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRow {
+///           MS("Hello")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [ms](https://www.w3.org/TR/MathML3/chapter3.html#presm.ms) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MS: View {
+  private let text: String
+
+  /// Creates an MS element with text content.
+  ///
+  /// - Parameter text: The string literal text content
+  public init(_ text: String) {
+    self.text = text
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("ms")
+    try element.appendText(text)
+  }
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSqrt.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSqrt.swift
new file mode 100644
index 00000000..9d4164d0
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSqrt.swift
@@ -0,0 +1,38 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<msqrt>` element for square roots.
+///
+/// The `<msqrt>` element is used to display the square root of an expression.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MSqrt {
+///           MI("x")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [msqrt](https://www.w3.org/TR/MathML3/chapter3.html#presm.msqrt) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MSqrt<Content>: View where Content: View {
+  /// Creates an MSqrt element.
+  ///
+  /// - Parameter content: The expression to take the square root of.
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("msqrt")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSub.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSub.swift
new file mode 100644
index 00000000..ac03a7ed
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSub.swift
@@ -0,0 +1,39 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<msub>` element for subscripts.
+///
+/// The `<msub>` element is used to attach a subscript to a base expression.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MSub {
+///           MI("x")
+///           MN("0")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [msub](https://www.w3.org/TR/MathML3/chapter3.html#presm.msub) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MSub<Content>: View where Content: View {
+  /// Creates an MSub element.
+  ///
+  /// - Parameter content: The base and subscript expressions (must contain exactly two children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("msub")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSubSup.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSubSup.swift
new file mode 100644
index 00000000..7752f271
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSubSup.swift
@@ -0,0 +1,40 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<msubsup>` element for subscripts and superscripts.
+///
+/// The `<msubsup>` element is used to attach both a subscript and superscript to a base expression.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MSubSup {
+///           MI("x")
+///           MN("0")
+///           MN("2")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [msubsup](https://www.w3.org/TR/MathML3/chapter3.html#presm.msubsup) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MSubSup<Content>: View where Content: View {
+  /// Creates an MSubSup element.
+  ///
+  /// - Parameter content: The base, subscript, and superscript expressions (must contain exactly three children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("msubsup")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSup.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSup.swift
new file mode 100644
index 00000000..01a430c6
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MSup.swift
@@ -0,0 +1,39 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<msup>` element for superscripts.
+///
+/// The `<msup>` element is used to attach a superscript to a base expression.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MSup {
+///           MI("x")
+///           MN("2")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [msup](https://www.w3.org/TR/MathML3/chapter3.html#presm.msup) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MSup<Content>: View where Content: View {
+  /// Creates an MSup element.
+  ///
+  /// - Parameter content: The base and superscript expressions (must contain exactly two children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("msup")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTable.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTable.swift
new file mode 100644
index 00000000..cf267b71
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTable.swift
@@ -0,0 +1,54 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mtable>` element for tables.
+///
+/// The `<mtable>` element is used to create tables in mathematical expressions,
+/// such as matrices, determinants, or systems of equations.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MTable {
+///           MTr {
+///             MTd {
+///               MN("1")
+///             }
+///             MTd {
+///               MN("2")
+///             }
+///           }
+///           MTr {
+///             MTd {
+///               MN("3")
+///             }
+///             MTd {
+///               MN("4")
+///             }
+///           }
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mtable](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtable) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MTable<Content>: View where Content: View {
+  /// Creates an MTable element.
+  ///
+  /// - Parameter content: The table rows (MTr elements).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mtable")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTd.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTd.swift
new file mode 100644
index 00000000..a1bf4b8e
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTd.swift
@@ -0,0 +1,45 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mtd>` element for table cells.
+///
+/// The `<mtd>` element is used to represent a cell in a MathML table row (mtr).
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MTable {
+///           MTr {
+///             MTd {
+///               MN("1")
+///             }
+///             MTd {
+///               MN("2")
+///             }
+///           }
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mtd](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtd) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MTd<Content>: View where Content: View {
+  /// Creates an MTd element.
+  ///
+  /// - Parameter content: The content of the table cell.
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mtd")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MText.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MText.swift
new file mode 100644
index 00000000..e449a284
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MText.swift
@@ -0,0 +1,42 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mtext>` element for text content.
+///
+/// The `<mtext>` element is used to represent arbitrary text in mathematical expressions,
+/// typically for annotations or labels.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRow {
+///           MI("x")
+///           MO("=")
+///           MN("5")
+///           MText(" (inches)")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mtext](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtext) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MText: View {
+  private let text: String
+
+  /// Creates an MText element with text content.
+  ///
+  /// - Parameter text: The text content
+  public init(_ text: String) {
+    self.text = text
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mtext")
+    try element.appendText(text)
+  }
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTr.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTr.swift
new file mode 100644
index 00000000..573ca77c
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MTr.swift
@@ -0,0 +1,45 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<mtr>` element for table rows.
+///
+/// The `<mtr>` element is used to represent a row in a MathML table (mtable).
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MTable {
+///           MTr {
+///             MTd {
+///               MN("1")
+///             }
+///             MTd {
+///               MN("2")
+///             }
+///           }
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [mtr](https://www.w3.org/TR/MathML3/chapter3.html#presm.mtr) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MTr<Content>: View where Content: View {
+  /// Creates an MTr element.
+  ///
+  /// - Parameter content: The table cells (MTd elements).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("mtr")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MUnder.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MUnder.swift
new file mode 100644
index 00000000..9a25d875
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MUnder.swift
@@ -0,0 +1,44 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<munder>` element for underscripts.
+///
+/// The `<munder>` element is used to attach an underscript to a base expression,
+/// commonly used for limits and other notations.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MUnder {
+///           MO("lim")
+///           MRow {
+///             MI("x")
+///             MO("→")
+///             MN("0")
+///           }
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [munder](https://www.w3.org/TR/MathML3/chapter3.html#presm.munder) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MUnder<Content>: View where Content: View {
+  /// Creates an MUnder element.
+  ///
+  /// - Parameter content: The base and underscript expressions (must contain exactly two children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("munder")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MUnderOver.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MUnderOver.swift
new file mode 100644
index 00000000..875c61a9
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/MUnderOver.swift
@@ -0,0 +1,45 @@
+import SwiftSoup
+
+/// A view that represents a MathML `<munderover>` element for underscripts and overscripts.
+///
+/// The `<munderover>` element is used to attach both an underscript and overscript to a base expression,
+/// commonly used for summations, integrals, and limits.
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MUnderOver {
+///           MO("∑")
+///           MRow {
+///             MI("i")
+///             MO("=")
+///             MN("1")
+///           }
+///           MI("n")
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [munderover](https://www.w3.org/TR/MathML3/chapter3.html#presm.munderover) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct MUnderOver<Content>: View where Content: View {
+  /// Creates an MUnderOver element.
+  ///
+  /// - Parameter content: The base, underscript, and overscript expressions (must contain exactly three children).
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("munderover")
+    try self.content().render(element, environment: environment)
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+}
diff --git a/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/Math.swift b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/Math.swift
new file mode 100644
index 00000000..8b47ef62
--- /dev/null
+++ b/Sources/Slipstream/W3C/Elements/EmbeddedContent/MathML/Math.swift
@@ -0,0 +1,79 @@
+import SwiftSoup
+
+/// A view that represents a MathML mathematical expression container.
+///
+/// Math provides a declarative way to include mathematical notation in your document
+/// using MathML (Mathematical Markup Language).
+///
+/// ```swift
+/// struct MySiteContent: View {
+///   var body: some View {
+///     Body {
+///       Math {
+///         MRow {
+///           MI("x")
+///           MO("=")
+///           MFrac {
+///             MRow {
+///               MO("-")
+///               MI("b")
+///               MO("±")
+///               MSqrt {
+///                 MRow {
+///                   MSup {
+///                     MI("b")
+///                     MN("2")
+///                   }
+///                   MO("-")
+///                   MN("4")
+///                   MI("a")
+///                   MI("c")
+///                 }
+///               }
+///             }
+///             MRow {
+///               MN("2")
+///               MI("a")
+///             }
+///           }
+///         }
+///       }
+///     }
+///   }
+/// }
+/// ```
+///
+/// - SeeAlso: W3C [math](https://www.w3.org/TR/MathML3/chapter2.html#interf.toplevel) specification.
+@available(iOS 17.0, macOS 14.0, *)
+public struct Math<Content>: View where Content: View {
+  /// Creates a Math view.
+  ///
+  /// - Parameters:
+  ///   - content: The MathML content to render within this container.
+  public init(@ViewBuilder content: @escaping @Sendable () -> Content) {
+    self.content = content
+    self.displayValue = nil
+  }
+
+  @_documentation(visibility: private)
+  public func render(_ container: Element, environment: EnvironmentValues) throws {
+    let element = try container.appendElement("math")
+    if let display = displayValue {
+      try element.attr("display", display)
+    }
+    try self.content().render(element, environment: environment)
+  }
+
+  /// Sets the display style of the math element.
+  ///
+  /// - Parameter display: The display mode ("block" or "inline")
+  /// - Returns: A new Math with the specified display mode.
+  public func display(_ display: String) -> Math {
+    var newMath = self
+    newMath.displayValue = display
+    return newMath
+  }
+
+  @ViewBuilder private let content: @Sendable () -> Content
+  private var displayValue: String?
+}
diff --git a/Tests/SlipstreamTests/W3C/MathMLTests.swift b/Tests/SlipstreamTests/W3C/MathMLTests.swift
new file mode 100644
index 00000000..080d268a
--- /dev/null
+++ b/Tests/SlipstreamTests/W3C/MathMLTests.swift
@@ -0,0 +1,525 @@
+import Foundation
+import Testing
+
+import Slipstream
+
+struct MathMLTests {
+  @Test func basicMath() throws {
+    let html = try renderHTML(Math {
+      MI("x")
+    })
+
+    #expect(html == """
+<math>
+ <mi>x</mi>
+</math>
+""")
+  }
+
+  @Test func mathWithDisplay() throws {
+    let html = try renderHTML(Math {
+      MI("x")
+    }
+    .display("block"))
+
+    #expect(html == """
+<math display="block">
+ <mi>x</mi>
+</math>
+""")
+  }
+
+  @Test func simpleExpression() throws {
+    let html = try renderHTML(Math {
+      MRow {
+        MI("x")
+        MO("+")
+        MI("y")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mrow>
+  <mi>x</mi>
+  <mo>+</mo>
+  <mi>y</mi>
+ </mrow>
+</math>
+""")
+  }
+
+  @Test func fraction() throws {
+    let html = try renderHTML(Math {
+      MFrac {
+        MI("a")
+        MI("b")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mfrac>
+  <mi>a</mi>
+  <mi>b</mi>
+ </mfrac>
+</math>
+""")
+  }
+
+  @Test func fractionWithLinethickness() throws {
+    let html = try renderHTML(Math {
+      MFrac {
+        MI("a")
+        MI("b")
+      }
+      .linethickness("2px")
+    })
+
+    #expect(html == """
+<math>
+ <mfrac linethickness="2px">
+  <mi>a</mi>
+  <mi>b</mi>
+ </mfrac>
+</math>
+""")
+  }
+
+  @Test func superscript() throws {
+    let html = try renderHTML(Math {
+      MSup {
+        MI("x")
+        MN("2")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <msup>
+  <mi>x</mi>
+  <mn>2</mn>
+ </msup>
+</math>
+""")
+  }
+
+  @Test func msubElement() throws {
+    let html = try renderHTML(Math {
+      MSub {
+        MI("x")
+        MN("0")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <msub>
+  <mi>x</mi>
+  <mn>0</mn>
+ </msub>
+</math>
+""")
+  }
+
+  @Test func subscriptAndSuperscript() throws {
+    let html = try renderHTML(Math {
+      MSubSup {
+        MI("x")
+        MN("0")
+        MN("2")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <msubsup>
+  <mi>x</mi>
+  <mn>0</mn>
+  <mn>2</mn>
+ </msubsup>
+</math>
+""")
+  }
+
+  @Test func squareRoot() throws {
+    let html = try renderHTML(Math {
+      MSqrt {
+        MI("x")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <msqrt>
+  <mi>x</mi>
+ </msqrt>
+</math>
+""")
+  }
+
+  @Test func nthRoot() throws {
+    let html = try renderHTML(Math {
+      MRoot {
+        MI("x")
+        MN("3")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mroot>
+  <mi>x</mi>
+  <mn>3</mn>
+ </mroot>
+</math>
+""")
+  }
+
+  @Test func underscript() throws {
+    let html = try renderHTML(Math {
+      MUnder {
+        MO("lim")
+        MRow {
+          MI("x")
+          MO("→")
+          MN("0")
+        }
+      }
+    })
+
+    #expect(html == """
+<math>
+ <munder>
+  <mo>lim</mo>
+  <mrow>
+   <mi>x</mi>
+   <mo>→</mo>
+   <mn>0</mn>
+  </mrow>
+ </munder>
+</math>
+""")
+  }
+
+  @Test func overscript() throws {
+    let html = try renderHTML(Math {
+      MOver {
+        MI("x")
+        MO("^")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mover>
+  <mi>x</mi>
+  <mo>^</mo>
+ </mover>
+</math>
+""")
+  }
+
+  @Test func underAndOverscript() throws {
+    let html = try renderHTML(Math {
+      MUnderOver {
+        MO("∑")
+        MRow {
+          MI("i")
+          MO("=")
+          MN("1")
+        }
+        MI("n")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <munderover>
+  <mo>∑</mo>
+  <mrow>
+   <mi>i</mi>
+   <mo>=</mo>
+   <mn>1</mn>
+  </mrow>
+  <mi>n</mi>
+ </munderover>
+</math>
+""")
+  }
+
+  @Test func table() throws {
+    let html = try renderHTML(Math {
+      MTable {
+        MTr {
+          MTd {
+            MN("1")
+          }
+          MTd {
+            MN("2")
+          }
+        }
+        MTr {
+          MTd {
+            MN("3")
+          }
+          MTd {
+            MN("4")
+          }
+        }
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mtable>
+  <mtr>
+   <mtd>
+    <mn>1</mn>
+   </mtd>
+   <mtd>
+    <mn>2</mn>
+   </mtd>
+  </mtr>
+  <mtr>
+   <mtd>
+    <mn>3</mn>
+   </mtd>
+   <mtd>
+    <mn>4</mn>
+   </mtd>
+  </mtr>
+ </mtable>
+</math>
+""")
+  }
+
+  @Test func textElement() throws {
+    let html = try renderHTML(Math {
+      MRow {
+        MI("x")
+        MO("=")
+        MN("5")
+        MText(" inches")
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mrow>
+  <mi>x</mi>
+  <mo>=</mo>
+  <mn>5</mn>
+  <mtext> inches</mtext>
+ </mrow>
+</math>
+""")
+  }
+
+  @Test func stringLiteral() throws {
+    let html = try renderHTML(Math {
+      MS("Hello")
+    })
+
+    #expect(html == """
+<math>
+ <ms>Hello</ms>
+</math>
+""")
+  }
+
+  @Test func quadraticFormula() throws {
+    let html = try renderHTML(Math {
+      MRow {
+        MI("x")
+        MO("=")
+        MFrac {
+          MRow {
+            MO("-")
+            MI("b")
+            MO("±")
+            MSqrt {
+              MRow {
+                MSup {
+                  MI("b")
+                  MN("2")
+                }
+                MO("-")
+                MN("4")
+                MI("a")
+                MI("c")
+              }
+            }
+          }
+          MRow {
+            MN("2")
+            MI("a")
+          }
+        }
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mrow>
+  <mi>x</mi>
+  <mo>=</mo>
+  <mfrac>
+   <mrow>
+    <mo>-</mo>
+    <mi>b</mi>
+    <mo>±</mo>
+    <msqrt>
+     <mrow>
+      <msup>
+       <mi>b</mi>
+       <mn>2</mn>
+      </msup>
+      <mo>-</mo>
+      <mn>4</mn>
+      <mi>a</mi>
+      <mi>c</mi>
+     </mrow>
+    </msqrt>
+   </mrow>
+   <mrow>
+    <mn>2</mn>
+    <mi>a</mi>
+   </mrow>
+  </mfrac>
+ </mrow>
+</math>
+""")
+  }
+
+  @Test func summation() throws {
+    let html = try renderHTML(Math {
+      MRow {
+        MUnderOver {
+          MO("∑")
+          MRow {
+            MI("i")
+            MO("=")
+            MN("1")
+          }
+          MI("n")
+        }
+        MSup {
+          MI("i")
+          MN("2")
+        }
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mrow>
+  <munderover>
+   <mo>∑</mo>
+   <mrow>
+    <mi>i</mi>
+    <mo>=</mo>
+    <mn>1</mn>
+   </mrow>
+   <mi>n</mi>
+  </munderover>
+  <msup>
+   <mi>i</mi>
+   <mn>2</mn>
+  </msup>
+ </mrow>
+</math>
+""")
+  }
+
+  @Test func matrix() throws {
+    let html = try renderHTML(Math {
+      MTable {
+        MTr {
+          MTd {
+            MI("a")
+          }
+          MTd {
+            MI("b")
+          }
+        }
+        MTr {
+          MTd {
+            MI("c")
+          }
+          MTd {
+            MI("d")
+          }
+        }
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mtable>
+  <mtr>
+   <mtd>
+    <mi>a</mi>
+   </mtd>
+   <mtd>
+    <mi>b</mi>
+   </mtd>
+  </mtr>
+  <mtr>
+   <mtd>
+    <mi>c</mi>
+   </mtd>
+   <mtd>
+    <mi>d</mi>
+   </mtd>
+  </mtr>
+ </mtable>
+</math>
+""")
+  }
+
+  @Test func nestedFractions() throws {
+    let html = try renderHTML(Math {
+      MFrac {
+        MN("1")
+        MRow {
+          MI("x")
+          MO("+")
+          MFrac {
+            MN("1")
+            MI("y")
+          }
+        }
+      }
+    })
+
+    #expect(html == """
+<math>
+ <mfrac>
+  <mn>1</mn>
+  <mrow>
+   <mi>x</mi>
+   <mo>+</mo>
+   <mfrac>
+    <mn>1</mn>
+    <mi>y</mi>
+   </mfrac>
+  </mrow>
+ </mfrac>
+</math>
+""")
+  }
+
+  @Test func mathWithClassModifier() throws {
+    let html = try renderHTML(Math {
+      MI("x")
+    }
+    .className("equation"))
+
+    #expect(html == """
+<math class="equation">
+ <mi>x</mi>
+</math>
+""")
+  }
+}