diff --git a/.changeset/wet-dingos-spend.md b/.changeset/wet-dingos-spend.md
new file mode 100644
index 000000000000..9b1645e0fdbf
--- /dev/null
+++ b/.changeset/wet-dingos-spend.md
@@ -0,0 +1,10 @@
+---
+"@biomejs/biome": patch
+---
+
+Fixed [#9300](https://github.com/biomejs/biome/issues/9300): Lowercase component member expressions like `<form.Field>` in Svelte and Astro files are now correctly formatted.
+
+```diff
+-<form .Field></form.Field>
++<form.Field></form.Field>
+```
diff --git a/crates/biome_cli/tests/cases/regression_tests.rs b/crates/biome_cli/tests/cases/regression_tests.rs
index 4eee068fd3d2..a4c81f1c6e30 100644
--- a/crates/biome_cli/tests/cases/regression_tests.rs
+++ b/crates/biome_cli/tests/cases/regression_tests.rs
@@ -69,3 +69,49 @@ fn issue_9180_2() {
         result,
     ));
 }
+
+/// Regression test for https://github.com/biomejs/biome/issues/9300
+///
+/// This issue affects Tanstack Form users who use `<form.Field>` as their default API.
+/// In Biome 2.4.5, lowercase component member expressions like `<form.Field>` were
+/// incorrectly formatted as `<form .Field>` (with an extra space before the dot),
+/// which breaks the code.
+///
+/// The official Tanstack Form docs https://tanstack.com/form/latest/docs/framework/svelte/quick-start
+///
+/// This test ensures that lowercase component member expressions in Svelte and Astro
+/// files are formatted correctly without adding extra spaces.
+#[test]
+fn issue_9300() {
+    let fs = MemoryFileSystem::default();
+    let mut console = BufferConsole::default();
+
+    let svelte_file = Utf8Path::new("form.svelte");
+    fs.insert(svelte_file.into(), "<form.Field></form.Field>".as_bytes());
+
+    let astro_file = Utf8Path::new("form.astro");
+    fs.insert(astro_file.into(), "<form.Field></form.Field>".as_bytes());
+
+    let (fs, result) = run_cli(
+        fs,
+        &mut console,
+        Args::from(
+            [
+                "check",
+                "--write",
+                svelte_file.as_str(),
+                astro_file.as_str(),
+            ]
+            .as_slice(),
+        ),
+    );
+    assert!(result.is_ok(), "run_cli returned {result:?}");
+
+    assert_cli_snapshot(SnapshotPayload::new(
+        module_path!(),
+        "issue_9300",
+        fs,
+        console,
+        result,
+    ));
+}
diff --git a/crates/biome_cli/tests/snapshots/main_cases_regression_tests/issue_9300.snap b/crates/biome_cli/tests/snapshots/main_cases_regression_tests/issue_9300.snap
new file mode 100644
index 000000000000..4e4a91fd5e69
--- /dev/null
+++ b/crates/biome_cli/tests/snapshots/main_cases_regression_tests/issue_9300.snap
@@ -0,0 +1,21 @@
+---
+source: crates/biome_cli/tests/snap_test.rs
+expression: redactor(content)
+---
+## `form.astro`
+
+```astro
+<form.Field></form.Field>
+```
+
+## `form.svelte`
+
+```svelte
+<form.Field></form.Field>
+```
+
+# Emitted Messages
+
+```block
+Checked 2 files in <TIME>. No fixes applied.
+```
diff --git a/crates/biome_html_formatter/tests/specs/html/astro/lowercase-member.astro b/crates/biome_html_formatter/tests/specs/html/astro/lowercase-member.astro
new file mode 100644
index 000000000000..bedcb741f5ed
--- /dev/null
+++ b/crates/biome_html_formatter/tests/specs/html/astro/lowercase-member.astro
@@ -0,0 +1,11 @@
+---
+let form;
+let foo;
+let Data;
+---
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar.Baz />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
diff --git a/crates/biome_html_formatter/tests/specs/html/astro/lowercase-member.astro.snap b/crates/biome_html_formatter/tests/specs/html/astro/lowercase-member.astro.snap
new file mode 100644
index 000000000000..fbbf748b1f5c
--- /dev/null
+++ b/crates/biome_html_formatter/tests/specs/html/astro/lowercase-member.astro.snap
@@ -0,0 +1,63 @@
+---
+source: crates/biome_formatter_test/src/snapshot_builder.rs
+info: astro/lowercase-member.astro
+---
+
+# Input
+
+```astro
+---
+let form;
+let foo;
+let Data;
+---
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar.Baz />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
+
+```
+
+
+=============================
+
+# Outputs
+
+## Output 1
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Attribute Position: Auto
+Bracket same line: false
+Whitespace sensitivity: css
+Indent script and style: false
+Self close void elements: never
+Trailing newline: true
+-----
+
+```astro
+---
+let form;
+let foo;
+let Data;
+---
+
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar.Baz />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
+
+```
+
+
+
+## Unimplemented nodes/tokens
+
+"let form;\nlet foo;\nlet Data;\n-" => 4..34
diff --git a/crates/biome_html_formatter/tests/specs/html/svelte/lowercase-member.svelte b/crates/biome_html_formatter/tests/specs/html/svelte/lowercase-member.svelte
new file mode 100644
index 000000000000..cb0380daf22c
--- /dev/null
+++ b/crates/biome_html_formatter/tests/specs/html/svelte/lowercase-member.svelte
@@ -0,0 +1,6 @@
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar.Baz />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
diff --git a/crates/biome_html_formatter/tests/specs/html/svelte/lowercase-member.svelte.snap b/crates/biome_html_formatter/tests/specs/html/svelte/lowercase-member.svelte.snap
new file mode 100644
index 000000000000..df396aa71d91
--- /dev/null
+++ b/crates/biome_html_formatter/tests/specs/html/svelte/lowercase-member.svelte.snap
@@ -0,0 +1,46 @@
+---
+source: crates/biome_formatter_test/src/snapshot_builder.rs
+info: svelte/lowercase-member.svelte
+---
+
+# Input
+
+```svelte
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar.Baz />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
+
+```
+
+
+=============================
+
+# Outputs
+
+## Output 1
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Attribute Position: Auto
+Bracket same line: false
+Whitespace sensitivity: css
+Indent script and style: false
+Self close void elements: never
+Trailing newline: true
+-----
+
+```svelte
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar.Baz />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
+
+```
diff --git a/crates/biome_html_parser/src/lexer/mod.rs b/crates/biome_html_parser/src/lexer/mod.rs
index 3c23e8350d74..73aa766dc36e 100644
--- a/crates/biome_html_parser/src/lexer/mod.rs
+++ b/crates/biome_html_parser/src/lexer/mod.rs
@@ -135,6 +135,7 @@ impl<'src> HtmlLexer<'src> {
             EXL => self.consume_byte(T![!]),
             // Handle colons as separate tokens for Astro directives
             COL => self.consume_byte(T![:]),
+            PRD => self.consume_byte(T![.]),
             BEO if self.at_svelte_opening_block() => self.consume_svelte_opening_block(),
             BEO => {
                 if self.at_opening_double_text_expression() {
@@ -276,12 +277,14 @@ impl<'src> HtmlLexer<'src> {
     fn consume_token_inside_tag_svelte(&mut self, current: u8) -> HtmlSyntaxKind {
         let dispatched = lookup_byte(current);
 
-        if dispatched == SLH {
-            match self.byte_at(1).map(lookup_byte) {
+        match dispatched {
+            SLH => match self.byte_at(1).map(lookup_byte) {
                 Some(SLH) => return self.consume_js_line_comment(),
                 Some(MUL) => return self.consume_js_block_comment(),
                 _ => {}
-            }
+            },
+            PRD => return self.consume_byte(T![.]),
+            _ => {}
         }
         self.consume_token_inside_tag(current)
     }
@@ -1446,6 +1449,7 @@ impl<'src> ReLexer<'src> for HtmlLexer<'src> {
                 HtmlReLexContext::HtmlText => self.consume_html_text(current),
                 HtmlReLexContext::InsideTag => self.consume_token_inside_tag(current),
                 HtmlReLexContext::InsideTagAstro => self.consume_token_inside_tag_astro(current),
+                HtmlReLexContext::InsideTagSvelte => self.consume_token_inside_tag_svelte(current),
             },
             None => EOF,
         };
diff --git a/crates/biome_html_parser/src/syntax/mod.rs b/crates/biome_html_parser/src/syntax/mod.rs
index 5532f6e2a2a7..7e69f2c42656 100644
--- a/crates/biome_html_parser/src/syntax/mod.rs
+++ b/crates/biome_html_parser/src/syntax/mod.rs
@@ -153,6 +153,8 @@ fn inside_tag_context(p: &HtmlParser) -> HtmlLexContext {
         HtmlLexContext::InsideTagWithDirectives { svelte: false }
     } else if Svelte.is_supported(p) {
         HtmlLexContext::InsideTagSvelte
+    } else if Astro.is_supported(p) {
+        HtmlLexContext::InsideTagAstro
     } else {
         HtmlLexContext::InsideTag
     }
@@ -190,11 +192,14 @@ fn parse_any_tag_name(p: &mut HtmlParser) -> ParsedSyntax {
     if !is_at_start_literal(p) {
         return Absent;
     }
-
     let tag_text = p.cur_text();
 
-    // Step 1: Parse base name (either component or regular tag)
-    let name = if is_possible_component(p, tag_text) {
+    // Check if this could be a component or has member expression
+    let is_component = is_possible_component(p, tag_text);
+    let has_member_expression = !p.options().is_html() && p.nth_at(1, T![.]);
+
+    // Step 1: Parse base name
+    let name = if is_component || has_member_expression {
         // Parse as component name - use component_name_context to allow `.` for member expressions
         let m = p.start();
         p.bump_with_context(HTML_LITERAL, component_name_context(p));
@@ -203,14 +208,18 @@ fn parse_any_tag_name(p: &mut HtmlParser) -> ParsedSyntax {
         // Parse as regular HTML tag
         parse_literal(p, HTML_TAG_NAME)
     };
-
     // Step 2: Extend with member access if present (using .map() pattern from JSX parser)
     name.map(|mut name| {
-        while p.at(T![.]) {
-            let m = name.precede(p); // Create marker BEFORE already-parsed name
-            p.bump_with_context(T![.], component_name_context(p)); // Use component context for `.`
+        // Check kind BEFORE moving name with precede()
+        let is_lowercase_tag = name.kind(p) == HTML_TAG_NAME;
 
-            // Parse member name - must use component_name_context to maintain `.` lexing
+        while p.at(T![.]) {
+            // Convert BEFORE precede takes ownership of name
+            if is_lowercase_tag {
+                name.change_kind(p, HTML_COMPONENT_NAME);
+            }
+            let m = name.precede(p);
+            p.bump_with_context(T![.], component_name_context(p));
             if is_at_start_literal(p) {
                 let member_m = p.start();
                 p.bump_with_context(HTML_LITERAL, component_name_context(p));
@@ -219,7 +228,7 @@ fn parse_any_tag_name(p: &mut HtmlParser) -> ParsedSyntax {
                 p.error(expected_element_name(p, p.cur_range()));
             }
 
-            name = m.complete(p, HTML_MEMBER_NAME); // Wrap previous name
+            name = m.complete(p, HTML_MEMBER_NAME);
         }
         name
     })
@@ -243,8 +252,15 @@ fn parse_element(p: &mut HtmlParser) -> ParsedSyntax {
 
     parse_any_tag_name(p).or_add_diagnostic(p, expected_element_name);
 
-    if Astro.is_supported(p) {
-        p.re_lex(HtmlReLexContext::InsideTagAstro);
+    let context = inside_tag_context(p);
+    match context {
+        HtmlLexContext::InsideTagSvelte => {
+            p.re_lex(HtmlReLexContext::InsideTagSvelte);
+        }
+        HtmlLexContext::InsideTagAstro => {
+            p.re_lex(HtmlReLexContext::InsideTagAstro);
+        }
+        _ => {}
     }
 
     AttributeList.parse_list(p);
@@ -318,8 +334,8 @@ fn parse_closing_tag(p: &mut HtmlParser) -> ParsedSyntax {
         return Absent;
     }
     let m = p.start();
-    p.bump_with_context(T![<], HtmlLexContext::InsideTag);
-    p.bump_with_context(T![/], HtmlLexContext::InsideTag);
+    p.bump_with_context(T![<], inside_tag_context(p));
+    p.bump_with_context(T![/], inside_tag_context(p));
     let should_be_self_closing = VOID_ELEMENTS
         .iter()
         .any(|tag| tag.eq_ignore_ascii_case(p.cur_text()))
diff --git a/crates/biome_html_parser/src/token_source.rs b/crates/biome_html_parser/src/token_source.rs
index ea9981f9bcca..b8768347a905 100644
--- a/crates/biome_html_parser/src/token_source.rs
+++ b/crates/biome_html_parser/src/token_source.rs
@@ -156,6 +156,8 @@ pub(crate) enum HtmlReLexContext {
     InsideTag,
     /// Relex tokens as if the parser was inside a tag in an Astro file.
     InsideTagAstro,
+    /// Relex tokens as if the parser was inside a tag in a Svelte file.
+    InsideTagSvelte,
 }
 
 pub(crate) type HtmlTokenSourceCheckpoint = TokenSourceCheckpoint<HtmlSyntaxKind>;
diff --git a/crates/biome_html_parser/tests/html_specs/ok/astro/lowercase_component_member.astro b/crates/biome_html_parser/tests/html_specs/ok/astro/lowercase_component_member.astro
new file mode 100644
index 000000000000..9119c5b8cd00
--- /dev/null
+++ b/crates/biome_html_parser/tests/html_specs/ok/astro/lowercase_component_member.astro
@@ -0,0 +1,7 @@
+---
+let Data;
+---
+<Data.Client></Data.Client>
+<form.Field attr="value" />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
diff --git a/crates/biome_html_parser/tests/html_specs/ok/astro/lowercase_component_member.astro.snap b/crates/biome_html_parser/tests/html_specs/ok/astro/lowercase_component_member.astro.snap
new file mode 100644
index 000000000000..e0a9a390931f
--- /dev/null
+++ b/crates/biome_html_parser/tests/html_specs/ok/astro/lowercase_component_member.astro.snap
@@ -0,0 +1,231 @@
+---
+source: crates/biome_html_parser/tests/spec_test.rs
+expression: snapshot
+---
+
+## Input
+
+```astro
+---
+let Data;
+---
+<Data.Client></Data.Client>
+<form.Field attr="value" />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
+
+```
+
+
+## AST
+
+```
+HtmlRoot {
+    bom_token: missing (optional),
+    frontmatter: AstroFrontmatterElement {
+        l_fence_token: FENCE@0..3 "---" [] [],
+        content: AstroEmbeddedContent {
+            content_token: HTML_LITERAL@3..14 "let Data;\n" [Newline("\n")] [],
+        },
+        r_fence_token: FENCE@14..17 "---" [] [],
+    },
+    directive: missing (optional),
+    html: HtmlElementList [
+        HtmlElement {
+            opening_element: HtmlOpeningElement {
+                l_angle_token: L_ANGLE@17..19 "<" [Newline("\n")] [],
+                name: HtmlMemberName {
+                    object: HtmlComponentName {
+                        value_token: HTML_LITERAL@19..23 "Data" [] [],
+                    },
+                    dot_token: DOT@23..24 "." [] [],
+                    member: HtmlTagName {
+                        value_token: HTML_LITERAL@24..30 "Client" [] [],
+                    },
+                },
+                attributes: HtmlAttributeList [],
+                r_angle_token: R_ANGLE@30..31 ">" [] [],
+            },
+            children: HtmlElementList [],
+            closing_element: HtmlClosingElement {
+                l_angle_token: L_ANGLE@31..32 "<" [] [],
+                slash_token: SLASH@32..33 "/" [] [],
+                name: HtmlComponentName {
+                    value_token: HTML_LITERAL@33..44 "Data.Client" [] [],
+                },
+                r_angle_token: R_ANGLE@44..45 ">" [] [],
+            },
+        },
+        HtmlSelfClosingElement {
+            l_angle_token: L_ANGLE@45..47 "<" [Newline("\n")] [],
+            name: HtmlMemberName {
+                object: HtmlComponentName {
+                    value_token: HTML_LITERAL@47..51 "form" [] [],
+                },
+                dot_token: DOT@51..52 "." [] [],
+                member: HtmlTagName {
+                    value_token: HTML_LITERAL@52..58 "Field" [] [Whitespace(" ")],
+                },
+            },
+            attributes: HtmlAttributeList [
+                HtmlAttribute {
+                    name: HtmlAttributeName {
+                        value_token: HTML_LITERAL@58..62 "attr" [] [],
+                    },
+                    initializer: HtmlAttributeInitializerClause {
+                        eq_token: EQ@62..63 "=" [] [],
+                        value: HtmlString {
+                            value_token: HTML_STRING_LITERAL@63..71 "\"value\"" [] [Whitespace(" ")],
+                        },
+                    },
+                },
+            ],
+            slash_token: SLASH@71..72 "/" [] [],
+            r_angle_token: R_ANGLE@72..73 ">" [] [],
+        },
+        HtmlSelfClosingElement {
+            l_angle_token: L_ANGLE@73..75 "<" [Newline("\n")] [],
+            name: HtmlMemberName {
+                object: HtmlComponentName {
+                    value_token: HTML_LITERAL@75..79 "form" [] [],
+                },
+                dot_token: DOT@79..80 "." [] [],
+                member: HtmlTagName {
+                    value_token: HTML_LITERAL@80..86 "Field" [] [Whitespace(" ")],
+                },
+            },
+            attributes: HtmlAttributeList [
+                HtmlAttribute {
+                    name: HtmlAttributeName {
+                        value_token: HTML_LITERAL@86..98 "data-foo.bar" [] [],
+                    },
+                    initializer: HtmlAttributeInitializerClause {
+                        eq_token: EQ@98..99 "=" [] [],
+                        value: HtmlString {
+                            value_token: HTML_STRING_LITERAL@99..107 "\"value\"" [] [Whitespace(" ")],
+                        },
+                    },
+                },
+            ],
+            slash_token: SLASH@107..108 "/" [] [],
+            r_angle_token: R_ANGLE@108..109 ">" [] [],
+        },
+        HtmlSelfClosingElement {
+            l_angle_token: L_ANGLE@109..111 "<" [Newline("\n")] [],
+            name: HtmlMemberName {
+                object: HtmlComponentName {
+                    value_token: HTML_LITERAL@111..114 "foo" [] [],
+                },
+                dot_token: DOT@114..115 "." [] [],
+                member: HtmlTagName {
+                    value_token: HTML_LITERAL@115..119 "Bar" [] [Whitespace(" ")],
+                },
+            },
+            attributes: HtmlAttributeList [
+                HtmlAttribute {
+                    name: HtmlAttributeName {
+                        value_token: HTML_LITERAL@119..132 "attr.data-foo" [] [],
+                    },
+                    initializer: HtmlAttributeInitializerClause {
+                        eq_token: EQ@132..133 "=" [] [],
+                        value: HtmlString {
+                            value_token: HTML_STRING_LITERAL@133..141 "\"value\"" [] [Whitespace(" ")],
+                        },
+                    },
+                },
+            ],
+            slash_token: SLASH@141..142 "/" [] [],
+            r_angle_token: R_ANGLE@142..143 ">" [] [],
+        },
+    ],
+    eof_token: EOF@143..144 "" [Newline("\n")] [],
+}
+```
+
+## CST
+
+```
+0: HTML_ROOT@0..144
+  0: (empty)
+  1: ASTRO_FRONTMATTER_ELEMENT@0..17
+    0: FENCE@0..3 "---" [] []
+    1: ASTRO_EMBEDDED_CONTENT@3..14
+      0: HTML_LITERAL@3..14 "let Data;\n" [Newline("\n")] []
+    2: FENCE@14..17 "---" [] []
+  2: (empty)
+  3: HTML_ELEMENT_LIST@17..143
+    0: HTML_ELEMENT@17..45
+      0: HTML_OPENING_ELEMENT@17..31
+        0: L_ANGLE@17..19 "<" [Newline("\n")] []
+        1: HTML_MEMBER_NAME@19..30
+          0: HTML_COMPONENT_NAME@19..23
+            0: HTML_LITERAL@19..23 "Data" [] []
+          1: DOT@23..24 "." [] []
+          2: HTML_TAG_NAME@24..30
+            0: HTML_LITERAL@24..30 "Client" [] []
+        2: HTML_ATTRIBUTE_LIST@30..30
+        3: R_ANGLE@30..31 ">" [] []
+      1: HTML_ELEMENT_LIST@31..31
+      2: HTML_CLOSING_ELEMENT@31..45
+        0: L_ANGLE@31..32 "<" [] []
+        1: SLASH@32..33 "/" [] []
+        2: HTML_COMPONENT_NAME@33..44
+          0: HTML_LITERAL@33..44 "Data.Client" [] []
+        3: R_ANGLE@44..45 ">" [] []
+    1: HTML_SELF_CLOSING_ELEMENT@45..73
+      0: L_ANGLE@45..47 "<" [Newline("\n")] []
+      1: HTML_MEMBER_NAME@47..58
+        0: HTML_COMPONENT_NAME@47..51
+          0: HTML_LITERAL@47..51 "form" [] []
+        1: DOT@51..52 "." [] []
+        2: HTML_TAG_NAME@52..58
+          0: HTML_LITERAL@52..58 "Field" [] [Whitespace(" ")]
+      2: HTML_ATTRIBUTE_LIST@58..71
+        0: HTML_ATTRIBUTE@58..71
+          0: HTML_ATTRIBUTE_NAME@58..62
+            0: HTML_LITERAL@58..62 "attr" [] []
+          1: HTML_ATTRIBUTE_INITIALIZER_CLAUSE@62..71
+            0: EQ@62..63 "=" [] []
+            1: HTML_STRING@63..71
+              0: HTML_STRING_LITERAL@63..71 "\"value\"" [] [Whitespace(" ")]
+      3: SLASH@71..72 "/" [] []
+      4: R_ANGLE@72..73 ">" [] []
+    2: HTML_SELF_CLOSING_ELEMENT@73..109
+      0: L_ANGLE@73..75 "<" [Newline("\n")] []
+      1: HTML_MEMBER_NAME@75..86
+        0: HTML_COMPONENT_NAME@75..79
+          0: HTML_LITERAL@75..79 "form" [] []
+        1: DOT@79..80 "." [] []
+        2: HTML_TAG_NAME@80..86
+          0: HTML_LITERAL@80..86 "Field" [] [Whitespace(" ")]
+      2: HTML_ATTRIBUTE_LIST@86..107
+        0: HTML_ATTRIBUTE@86..107
+          0: HTML_ATTRIBUTE_NAME@86..98
+            0: HTML_LITERAL@86..98 "data-foo.bar" [] []
+          1: HTML_ATTRIBUTE_INITIALIZER_CLAUSE@98..107
+            0: EQ@98..99 "=" [] []
+            1: HTML_STRING@99..107
+              0: HTML_STRING_LITERAL@99..107 "\"value\"" [] [Whitespace(" ")]
+      3: SLASH@107..108 "/" [] []
+      4: R_ANGLE@108..109 ">" [] []
+    3: HTML_SELF_CLOSING_ELEMENT@109..143
+      0: L_ANGLE@109..111 "<" [Newline("\n")] []
+      1: HTML_MEMBER_NAME@111..119
+        0: HTML_COMPONENT_NAME@111..114
+          0: HTML_LITERAL@111..114 "foo" [] []
+        1: DOT@114..115 "." [] []
+        2: HTML_TAG_NAME@115..119
+          0: HTML_LITERAL@115..119 "Bar" [] [Whitespace(" ")]
+      2: HTML_ATTRIBUTE_LIST@119..141
+        0: HTML_ATTRIBUTE@119..141
+          0: HTML_ATTRIBUTE_NAME@119..132
+            0: HTML_LITERAL@119..132 "attr.data-foo" [] []
+          1: HTML_ATTRIBUTE_INITIALIZER_CLAUSE@132..141
+            0: EQ@132..133 "=" [] []
+            1: HTML_STRING@133..141
+              0: HTML_STRING_LITERAL@133..141 "\"value\"" [] [Whitespace(" ")]
+      3: SLASH@141..142 "/" [] []
+      4: R_ANGLE@142..143 ">" [] []
+  4: EOF@143..144 "" [Newline("\n")] []
+
+```
diff --git a/crates/biome_html_parser/tests/html_specs/ok/svelte/lowercase_component_member.svelte b/crates/biome_html_parser/tests/html_specs/ok/svelte/lowercase_component_member.svelte
new file mode 100644
index 000000000000..4e1326cd514f
--- /dev/null
+++ b/crates/biome_html_parser/tests/html_specs/ok/svelte/lowercase_component_member.svelte
@@ -0,0 +1,6 @@
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
diff --git a/crates/biome_html_parser/tests/html_specs/ok/svelte/lowercase_component_member.svelte.snap b/crates/biome_html_parser/tests/html_specs/ok/svelte/lowercase_component_member.svelte.snap
new file mode 100644
index 000000000000..a4378e3a6140
--- /dev/null
+++ b/crates/biome_html_parser/tests/html_specs/ok/svelte/lowercase_component_member.svelte.snap
@@ -0,0 +1,289 @@
+---
+source: crates/biome_html_parser/tests/spec_test.rs
+expression: snapshot
+---
+
+## Input
+
+```svelte
+<form.Field></form.Field>
+<form.Field attr="value" />
+<Data.Client></Data.Client>
+<foo.Bar />
+<form.Field data-foo.bar="value" />
+<foo.Bar attr.data-foo="value" />
+
+```
+
+
+## AST
+
+```
+HtmlRoot {
+    bom_token: missing (optional),
+    frontmatter: missing (optional),
+    directive: missing (optional),
+    html: HtmlElementList [
+        HtmlElement {
+            opening_element: HtmlOpeningElement {
+                l_angle_token: L_ANGLE@0..1 "<" [] [],
+                name: HtmlMemberName {
+                    object: HtmlComponentName {
+                        value_token: HTML_LITERAL@1..5 "form" [] [],
+                    },
+                    dot_token: DOT@5..6 "." [] [],
+                    member: HtmlTagName {
+                        value_token: HTML_LITERAL@6..11 "Field" [] [],
+                    },
+                },
+                attributes: HtmlAttributeList [],
+                r_angle_token: R_ANGLE@11..12 ">" [] [],
+            },
+            children: HtmlElementList [],
+            closing_element: HtmlClosingElement {
+                l_angle_token: L_ANGLE@12..13 "<" [] [],
+                slash_token: SLASH@13..14 "/" [] [],
+                name: HtmlTagName {
+                    value_token: HTML_LITERAL@14..24 "form.Field" [] [],
+                },
+                r_angle_token: R_ANGLE@24..25 ">" [] [],
+            },
+        },
+        HtmlSelfClosingElement {
+            l_angle_token: L_ANGLE@25..27 "<" [Newline("\n")] [],
+            name: HtmlMemberName {
+                object: HtmlComponentName {
+                    value_token: HTML_LITERAL@27..31 "form" [] [],
+                },
+                dot_token: DOT@31..32 "." [] [],
+                member: HtmlTagName {
+                    value_token: HTML_LITERAL@32..38 "Field" [] [Whitespace(" ")],
+                },
+            },
+            attributes: HtmlAttributeList [
+                HtmlAttribute {
+                    name: HtmlAttributeName {
+                        value_token: HTML_LITERAL@38..42 "attr" [] [],
+                    },
+                    initializer: HtmlAttributeInitializerClause {
+                        eq_token: EQ@42..43 "=" [] [],
+                        value: HtmlString {
+                            value_token: HTML_STRING_LITERAL@43..51 "\"value\"" [] [Whitespace(" ")],
+                        },
+                    },
+                },
+            ],
+            slash_token: SLASH@51..52 "/" [] [],
+            r_angle_token: R_ANGLE@52..53 ">" [] [],
+        },
+        HtmlElement {
+            opening_element: HtmlOpeningElement {
+                l_angle_token: L_ANGLE@53..55 "<" [Newline("\n")] [],
+                name: HtmlMemberName {
+                    object: HtmlComponentName {
+                        value_token: HTML_LITERAL@55..59 "Data" [] [],
+                    },
+                    dot_token: DOT@59..60 "." [] [],
+                    member: HtmlTagName {
+                        value_token: HTML_LITERAL@60..66 "Client" [] [],
+                    },
+                },
+                attributes: HtmlAttributeList [],
+                r_angle_token: R_ANGLE@66..67 ">" [] [],
+            },
+            children: HtmlElementList [],
+            closing_element: HtmlClosingElement {
+                l_angle_token: L_ANGLE@67..68 "<" [] [],
+                slash_token: SLASH@68..69 "/" [] [],
+                name: HtmlComponentName {
+                    value_token: HTML_LITERAL@69..80 "Data.Client" [] [],
+                },
+                r_angle_token: R_ANGLE@80..81 ">" [] [],
+            },
+        },
+        HtmlSelfClosingElement {
+            l_angle_token: L_ANGLE@81..83 "<" [Newline("\n")] [],
+            name: HtmlMemberName {
+                object: HtmlComponentName {
+                    value_token: HTML_LITERAL@83..86 "foo" [] [],
+                },
+                dot_token: DOT@86..87 "." [] [],
+                member: HtmlTagName {
+                    value_token: HTML_LITERAL@87..91 "Bar" [] [Whitespace(" ")],
+                },
+            },
+            attributes: HtmlAttributeList [],
+            slash_token: SLASH@91..92 "/" [] [],
+            r_angle_token: R_ANGLE@92..93 ">" [] [],
+        },
+        HtmlSelfClosingElement {
+            l_angle_token: L_ANGLE@93..95 "<" [Newline("\n")] [],
+            name: HtmlMemberName {
+                object: HtmlComponentName {
+                    value_token: HTML_LITERAL@95..99 "form" [] [],
+                },
+                dot_token: DOT@99..100 "." [] [],
+                member: HtmlTagName {
+                    value_token: HTML_LITERAL@100..106 "Field" [] [Whitespace(" ")],
+                },
+            },
+            attributes: HtmlAttributeList [
+                HtmlAttribute {
+                    name: HtmlAttributeName {
+                        value_token: HTML_LITERAL@106..118 "data-foo.bar" [] [],
+                    },
+                    initializer: HtmlAttributeInitializerClause {
+                        eq_token: EQ@118..119 "=" [] [],
+                        value: HtmlString {
+                            value_token: HTML_STRING_LITERAL@119..127 "\"value\"" [] [Whitespace(" ")],
+                        },
+                    },
+                },
+            ],
+            slash_token: SLASH@127..128 "/" [] [],
+            r_angle_token: R_ANGLE@128..129 ">" [] [],
+        },
+        HtmlSelfClosingElement {
+            l_angle_token: L_ANGLE@129..131 "<" [Newline("\n")] [],
+            name: HtmlMemberName {
+                object: HtmlComponentName {
+                    value_token: HTML_LITERAL@131..134 "foo" [] [],
+                },
+                dot_token: DOT@134..135 "." [] [],
+                member: HtmlTagName {
+                    value_token: HTML_LITERAL@135..139 "Bar" [] [Whitespace(" ")],
+                },
+            },
+            attributes: HtmlAttributeList [
+                HtmlAttribute {
+                    name: HtmlAttributeName {
+                        value_token: HTML_LITERAL@139..152 "attr.data-foo" [] [],
+                    },
+                    initializer: HtmlAttributeInitializerClause {
+                        eq_token: EQ@152..153 "=" [] [],
+                        value: HtmlString {
+                            value_token: HTML_STRING_LITERAL@153..161 "\"value\"" [] [Whitespace(" ")],
+                        },
+                    },
+                },
+            ],
+            slash_token: SLASH@161..162 "/" [] [],
+            r_angle_token: R_ANGLE@162..163 ">" [] [],
+        },
+    ],
+    eof_token: EOF@163..164 "" [Newline("\n")] [],
+}
+```
+
+## CST
+
+```
+0: HTML_ROOT@0..164
+  0: (empty)
+  1: (empty)
+  2: (empty)
+  3: HTML_ELEMENT_LIST@0..163
+    0: HTML_ELEMENT@0..25
+      0: HTML_OPENING_ELEMENT@0..12
+        0: L_ANGLE@0..1 "<" [] []
+        1: HTML_MEMBER_NAME@1..11
+          0: HTML_COMPONENT_NAME@1..5
+            0: HTML_LITERAL@1..5 "form" [] []
+          1: DOT@5..6 "." [] []
+          2: HTML_TAG_NAME@6..11
+            0: HTML_LITERAL@6..11 "Field" [] []
+        2: HTML_ATTRIBUTE_LIST@11..11
+        3: R_ANGLE@11..12 ">" [] []
+      1: HTML_ELEMENT_LIST@12..12
+      2: HTML_CLOSING_ELEMENT@12..25
+        0: L_ANGLE@12..13 "<" [] []
+        1: SLASH@13..14 "/" [] []
+        2: HTML_TAG_NAME@14..24
+          0: HTML_LITERAL@14..24 "form.Field" [] []
+        3: R_ANGLE@24..25 ">" [] []
+    1: HTML_SELF_CLOSING_ELEMENT@25..53
+      0: L_ANGLE@25..27 "<" [Newline("\n")] []
+      1: HTML_MEMBER_NAME@27..38
+        0: HTML_COMPONENT_NAME@27..31
+          0: HTML_LITERAL@27..31 "form" [] []
+        1: DOT@31..32 "." [] []
+        2: HTML_TAG_NAME@32..38
+          0: HTML_LITERAL@32..38 "Field" [] [Whitespace(" ")]
+      2: HTML_ATTRIBUTE_LIST@38..51
+        0: HTML_ATTRIBUTE@38..51
+          0: HTML_ATTRIBUTE_NAME@38..42
+            0: HTML_LITERAL@38..42 "attr" [] []
+          1: HTML_ATTRIBUTE_INITIALIZER_CLAUSE@42..51
+            0: EQ@42..43 "=" [] []
+            1: HTML_STRING@43..51
+              0: HTML_STRING_LITERAL@43..51 "\"value\"" [] [Whitespace(" ")]
+      3: SLASH@51..52 "/" [] []
+      4: R_ANGLE@52..53 ">" [] []
+    2: HTML_ELEMENT@53..81
+      0: HTML_OPENING_ELEMENT@53..67
+        0: L_ANGLE@53..55 "<" [Newline("\n")] []
+        1: HTML_MEMBER_NAME@55..66
+          0: HTML_COMPONENT_NAME@55..59
+            0: HTML_LITERAL@55..59 "Data" [] []
+          1: DOT@59..60 "." [] []
+          2: HTML_TAG_NAME@60..66
+            0: HTML_LITERAL@60..66 "Client" [] []
+        2: HTML_ATTRIBUTE_LIST@66..66
+        3: R_ANGLE@66..67 ">" [] []
+      1: HTML_ELEMENT_LIST@67..67
+      2: HTML_CLOSING_ELEMENT@67..81
+        0: L_ANGLE@67..68 "<" [] []
+        1: SLASH@68..69 "/" [] []
+        2: HTML_COMPONENT_NAME@69..80
+          0: HTML_LITERAL@69..80 "Data.Client" [] []
+        3: R_ANGLE@80..81 ">" [] []
+    3: HTML_SELF_CLOSING_ELEMENT@81..93
+      0: L_ANGLE@81..83 "<" [Newline("\n")] []
+      1: HTML_MEMBER_NAME@83..91
+        0: HTML_COMPONENT_NAME@83..86
+          0: HTML_LITERAL@83..86 "foo" [] []
+        1: DOT@86..87 "." [] []
+        2: HTML_TAG_NAME@87..91
+          0: HTML_LITERAL@87..91 "Bar" [] [Whitespace(" ")]
+      2: HTML_ATTRIBUTE_LIST@91..91
+      3: SLASH@91..92 "/" [] []
+      4: R_ANGLE@92..93 ">" [] []
+    4: HTML_SELF_CLOSING_ELEMENT@93..129
+      0: L_ANGLE@93..95 "<" [Newline("\n")] []
+      1: HTML_MEMBER_NAME@95..106
+        0: HTML_COMPONENT_NAME@95..99
+          0: HTML_LITERAL@95..99 "form" [] []
+        1: DOT@99..100 "." [] []
+        2: HTML_TAG_NAME@100..106
+          0: HTML_LITERAL@100..106 "Field" [] [Whitespace(" ")]
+      2: HTML_ATTRIBUTE_LIST@106..127
+        0: HTML_ATTRIBUTE@106..127
+          0: HTML_ATTRIBUTE_NAME@106..118
+            0: HTML_LITERAL@106..118 "data-foo.bar" [] []
+          1: HTML_ATTRIBUTE_INITIALIZER_CLAUSE@118..127
+            0: EQ@118..119 "=" [] []
+            1: HTML_STRING@119..127
+              0: HTML_STRING_LITERAL@119..127 "\"value\"" [] [Whitespace(" ")]
+      3: SLASH@127..128 "/" [] []
+      4: R_ANGLE@128..129 ">" [] []
+    5: HTML_SELF_CLOSING_ELEMENT@129..163
+      0: L_ANGLE@129..131 "<" [Newline("\n")] []
+      1: HTML_MEMBER_NAME@131..139
+        0: HTML_COMPONENT_NAME@131..134
+          0: HTML_LITERAL@131..134 "foo" [] []
+        1: DOT@134..135 "." [] []
+        2: HTML_TAG_NAME@135..139
+          0: HTML_LITERAL@135..139 "Bar" [] [Whitespace(" ")]
+      2: HTML_ATTRIBUTE_LIST@139..161
+        0: HTML_ATTRIBUTE@139..161
+          0: HTML_ATTRIBUTE_NAME@139..152
+            0: HTML_LITERAL@139..152 "attr.data-foo" [] []
+          1: HTML_ATTRIBUTE_INITIALIZER_CLAUSE@152..161
+            0: EQ@152..153 "=" [] []
+            1: HTML_STRING@153..161
+              0: HTML_STRING_LITERAL@153..161 "\"value\"" [] [Whitespace(" ")]
+      3: SLASH@161..162 "/" [] []
+      4: R_ANGLE@162..163 ">" [] []
+  4: EOF@163..164 "" [Newline("\n")] []
+
+```