diff --git a/.changeset/form-control-reset.md b/.changeset/form-control-reset.md
new file mode 100644
index 0000000000..8bc681897f
--- /dev/null
+++ b/.changeset/form-control-reset.md
@@ -0,0 +1,9 @@
+---
+"@radix-ui/react-radio-group": patch
+"@radix-ui/react-slider": patch
+"@radix-ui/react-select": patch
+"@radix-ui/react-switch": patch
+"radix-ui": patch
+---
+
+All form control components now listen to their associated form's `reset` event and restore their initial value. This affects `RadioGroup`, `Slider`, `Select`, and `Switch`.
diff --git a/apps/storybook/stories/radio-group.stories.tsx b/apps/storybook/stories/radio-group.stories.tsx
index 9e94df5522..e03206b94a 100644
--- a/apps/storybook/stories/radio-group.stories.tsx
+++ b/apps/storybook/stories/radio-group.stories.tsx
@@ -90,6 +90,55 @@ export const PartsWithinForm = () => {
   );
 };
 
+export const WithinFormReset = () => {
+  const [controlled, setControlled] = React.useState('1');
+
+  return (
+    <form onSubmit={(event) => event.preventDefault()}>
+      <p>
+        Change the selection, then press <strong>Reset</strong>. Each group returns to its initial
+        value (the uncontrolled group via its <code>defaultValue</code>, the controlled group via
+        its initial <code>value</code> state).
+      </p>
+
+      <fieldset>
+        <legend>Uncontrolled (defaultValue)</legend>
+        <RadioGroup.Root className={styles.root} name="uncontrolled" defaultValue="1">
+          {['1', '2', '3'].map((value) => (
+            <RadioGroup.Item key={value} className={styles.item} value={value}>
+              <RadioGroup.Indicator className={styles.indicator} />
+            </RadioGroup.Item>
+          ))}
+        </RadioGroup.Root>
+      </fieldset>
+
+      <br />
+      <br />
+
+      <fieldset>
+        <legend>Controlled value: {controlled}</legend>
+        <RadioGroup.Root
+          className={styles.root}
+          name="controlled"
+          value={controlled}
+          onValueChange={setControlled}
+        >
+          {['1', '2', '3'].map((value) => (
+            <RadioGroup.Item key={value} className={styles.item} value={value}>
+              <RadioGroup.Indicator className={styles.indicator} />
+            </RadioGroup.Item>
+          ))}
+        </RadioGroup.Root>
+      </fieldset>
+
+      <br />
+      <br />
+
+      <button type="reset">Reset</button>
+    </form>
+  );
+};
+
 export const LegacyStyled = () => (
   <Label>
     Favourite pet
diff --git a/apps/storybook/stories/select.stories.tsx b/apps/storybook/stories/select.stories.tsx
index ae2415d128..6d96362060 100644
--- a/apps/storybook/stories/select.stories.tsx
+++ b/apps/storybook/stories/select.stories.tsx
@@ -693,6 +693,94 @@ export const WithinForm = () => {
   );
 };
 
+export const WithinFormReset = () => {
+  const [controlled, setControlled] = React.useState('fr');
+
+  return (
+    <form style={{ padding: 50 }} onSubmit={(event) => event.preventDefault()}>
+      <p>
+        Change the selections, then press <strong>Reset</strong>. Each select returns to its initial
+        value (the uncontrolled select via its <code>defaultValue</code>, the controlled select via
+        its initial <code>value</code> state).
+      </p>
+
+      <Label style={{ display: 'block' }}>
+        Uncontrolled (defaultValue)
+        <Select.Root name="uncontrolled" defaultValue="fr">
+          <Select.Trigger className={styles.trigger}>
+            <Select.Value />
+            <Select.Icon />
+          </Select.Trigger>
+          <Select.Portal>
+            <Select.Content className={styles.content}>
+              <Select.Viewport className={styles.viewport}>
+                <Select.Item className={styles.item} value="fr">
+                  <Select.ItemText>France</Select.ItemText>
+                  <Select.ItemIndicator className={styles.indicator}>
+                    <TickIcon />
+                  </Select.ItemIndicator>
+                </Select.Item>
+                <Select.Item className={styles.item} value="uk">
+                  <Select.ItemText>United Kingdom</Select.ItemText>
+                  <Select.ItemIndicator className={styles.indicator}>
+                    <TickIcon />
+                  </Select.ItemIndicator>
+                </Select.Item>
+                <Select.Item className={styles.item} value="es">
+                  <Select.ItemText>Spain</Select.ItemText>
+                  <Select.ItemIndicator className={styles.indicator}>
+                    <TickIcon />
+                  </Select.ItemIndicator>
+                </Select.Item>
+              </Select.Viewport>
+            </Select.Content>
+          </Select.Portal>
+        </Select.Root>
+      </Label>
+
+      <br />
+
+      <Label style={{ display: 'block' }}>
+        Controlled value: {controlled}
+        <Select.Root name="controlled" value={controlled} onValueChange={setControlled}>
+          <Select.Trigger className={styles.trigger}>
+            <Select.Value />
+            <Select.Icon />
+          </Select.Trigger>
+          <Select.Portal>
+            <Select.Content className={styles.content}>
+              <Select.Viewport className={styles.viewport}>
+                <Select.Item className={styles.item} value="fr">
+                  <Select.ItemText>France</Select.ItemText>
+                  <Select.ItemIndicator className={styles.indicator}>
+                    <TickIcon />
+                  </Select.ItemIndicator>
+                </Select.Item>
+                <Select.Item className={styles.item} value="uk">
+                  <Select.ItemText>United Kingdom</Select.ItemText>
+                  <Select.ItemIndicator className={styles.indicator}>
+                    <TickIcon />
+                  </Select.ItemIndicator>
+                </Select.Item>
+                <Select.Item className={styles.item} value="es">
+                  <Select.ItemText>Spain</Select.ItemText>
+                  <Select.ItemIndicator className={styles.indicator}>
+                    <TickIcon />
+                  </Select.ItemIndicator>
+                </Select.Item>
+              </Select.Viewport>
+            </Select.Content>
+          </Select.Portal>
+        </Select.Root>
+      </Label>
+
+      <br />
+
+      <button type="reset">Reset</button>
+    </form>
+  );
+};
+
 export const DisabledWithinForm = () => {
   const [data, setData] = React.useState({});
 
diff --git a/apps/storybook/stories/slider.stories.tsx b/apps/storybook/stories/slider.stories.tsx
index 4455dc8c7e..9ff5d504c8 100644
--- a/apps/storybook/stories/slider.stories.tsx
+++ b/apps/storybook/stories/slider.stories.tsx
@@ -326,6 +326,53 @@ export const WithinForm = () => {
   );
 };
 
+export const WithinFormReset = () => {
+  const [controlled, setControlled] = React.useState([40]);
+
+  return (
+    <form onSubmit={(event) => event.preventDefault()}>
+      <p>
+        Move the thumbs, then press <strong>Reset</strong>. Each slider returns to its initial value
+        (the uncontrolled slider via its <code>defaultValue</code>, the controlled slider via its
+        initial <code>value</code> state).
+      </p>
+
+      <fieldset>
+        <legend>Uncontrolled (defaultValue)</legend>
+        <Slider.Root name="uncontrolled" defaultValue={[20]} className={styles.root}>
+          <Slider.Track className={styles.track}>
+            <Slider.Range className={styles.range} />
+          </Slider.Track>
+          <Slider.Thumb className={styles.thumb} />
+        </Slider.Root>
+      </fieldset>
+
+      <br />
+      <br />
+
+      <fieldset>
+        <legend>Controlled value: {String(controlled)}</legend>
+        <Slider.Root
+          name="controlled"
+          value={controlled}
+          onValueChange={setControlled}
+          className={styles.root}
+        >
+          <Slider.Track className={styles.track}>
+            <Slider.Range className={styles.range} />
+          </Slider.Track>
+          <Slider.Thumb className={styles.thumb} />
+        </Slider.Root>
+      </fieldset>
+
+      <br />
+      <br />
+
+      <button type="reset">Reset</button>
+    </form>
+  );
+};
+
 export const BubbleInputWithinForm = () => {
   const [data, setData] = React.useState<any>({ single: [25], price: { min: 30, max: 70 } });
   return (
diff --git a/apps/storybook/stories/switch.stories.tsx b/apps/storybook/stories/switch.stories.tsx
index e5de75687d..9d536e2169 100644
--- a/apps/storybook/stories/switch.stories.tsx
+++ b/apps/storybook/stories/switch.stories.tsx
@@ -95,6 +95,51 @@ export const WithinForm = () => {
   );
 };
 
+export const WithinFormReset = () => {
+  const [controlled, setControlled] = React.useState(true);
+
+  return (
+    <form onSubmit={(event) => event.preventDefault()}>
+      <p>
+        Toggle the switches, then press <strong>Reset</strong>. Each switch returns to its initial
+        value (the uncontrolled switch via its <code>defaultChecked</code>, the controlled switch
+        via its initial <code>checked</code> state).
+      </p>
+
+      <fieldset>
+        <legend>Uncontrolled (defaultChecked)</legend>
+        <label>
+          <Switch.Root className={styles.root} name="uncontrolled" defaultChecked>
+            <Switch.Thumb className={styles.thumb} />
+          </Switch.Root>{' '}
+          with label
+        </label>
+      </fieldset>
+
+      <br />
+
+      <fieldset>
+        <legend>Controlled checked: {String(controlled)}</legend>
+        <label>
+          <Switch.Root
+            className={styles.root}
+            name="controlled"
+            checked={controlled}
+            onCheckedChange={setControlled}
+          >
+            <Switch.Thumb className={styles.thumb} />
+          </Switch.Root>{' '}
+          with label
+        </label>
+      </fieldset>
+
+      <br />
+
+      <button type="reset">Reset</button>
+    </form>
+  );
+};
+
 export const Parts = () => {
   const [checked, setChecked] = React.useState(true);
 
diff --git a/packages/react/radio-group/src/radio-group.test.tsx b/packages/react/radio-group/src/radio-group.test.tsx
index 568a6ca753..1cc10f4bac 100644
--- a/packages/react/radio-group/src/radio-group.test.tsx
+++ b/packages/react/radio-group/src/radio-group.test.tsx
@@ -338,6 +338,78 @@ describe('RadioGroup', () => {
       expect(form.checkValidity()).toBe(true);
     });
   });
+
+  describe('given a RadioGroup in a form that is reset', () => {
+    describe('uncontrolled', () => {
+      it('should restore its `defaultValue` selection when the form is reset', () => {
+        render(
+          <form>
+            <ClassicRadioGroup name="pet" defaultValue="1" />
+            <button type="reset">Reset</button>
+          </form>,
+        );
+
+        const radios = screen.getAllByRole(RADIO_ROLE);
+        expect(radios[0]).toHaveAttribute('aria-checked', 'true');
+
+        act(() => fireEvent.click(radios[1]!));
+        expect(radios[0]).toHaveAttribute('aria-checked', 'false');
+        expect(radios[1]).toHaveAttribute('aria-checked', 'true');
+
+        act(() => fireEvent.click(screen.getByText('Reset')));
+        expect(radios[0]).toHaveAttribute('aria-checked', 'true');
+        expect(radios[1]).toHaveAttribute('aria-checked', 'false');
+      });
+
+      it('should restore an empty selection when there is no `defaultValue`', () => {
+        render(
+          <form>
+            <ClassicRadioGroup name="pet" />
+            <button type="reset">Reset</button>
+          </form>,
+        );
+
+        const radios = screen.getAllByRole(RADIO_ROLE);
+        act(() => fireEvent.click(radios[1]!));
+        expect(radios[1]).toHaveAttribute('aria-checked', 'true');
+
+        act(() => fireEvent.click(screen.getByText('Reset')));
+        radios.forEach((radio) => expect(radio).toHaveAttribute('aria-checked', 'false'));
+      });
+    });
+
+    describe('controlled', () => {
+      it('should restore its initial `value` selection when the form is reset', () => {
+        function ControlledRadioGroup() {
+          const [value, setValue] = React.useState<string | null>('1');
+          return (
+            <form>
+              <RadioGroup.Root aria-label="pets" name="pet" value={value} onValueChange={setValue}>
+                {VALUES.map((v) => (
+                  <RadioGroup.Item key={v} value={v} aria-label={LABELS[v]}>
+                    <RadioGroup.Indicator data-testid={`${INDICATOR_TEST_ID}-${v}`} />
+                  </RadioGroup.Item>
+                ))}
+              </RadioGroup.Root>
+              <button type="reset">Reset</button>
+            </form>
+          );
+        }
+
+        render(<ControlledRadioGroup />);
+
+        const radios = screen.getAllByRole(RADIO_ROLE);
+        expect(radios[0]).toHaveAttribute('aria-checked', 'true');
+
+        act(() => fireEvent.click(radios[2]!));
+        expect(radios[2]).toHaveAttribute('aria-checked', 'true');
+
+        act(() => fireEvent.click(screen.getByText('Reset')));
+        expect(radios[0]).toHaveAttribute('aria-checked', 'true');
+        expect(radios[2]).toHaveAttribute('aria-checked', 'false');
+      });
+    });
+  });
 });
 
 describe('Composable RadioGroup', () => {
diff --git a/packages/react/radio-group/src/radio-group.tsx b/packages/react/radio-group/src/radio-group.tsx
index feea88c272..7407e06140 100644
--- a/packages/react/radio-group/src/radio-group.tsx
+++ b/packages/react/radio-group/src/radio-group.tsx
@@ -83,6 +83,18 @@ const RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(
       onChange: onValueChange as (value: string | null) => void,
       caller: RADIO_GROUP_NAME,
     });
+    const [control, setControl] = React.useState<RadioGroupElement | null>(null);
+    const composedRefs = useComposedRefs(forwardedRef, setControl);
+
+    const initialValueRef = React.useRef(value);
+    React.useEffect(() => {
+      const form = control?.closest('form');
+      if (form) {
+        const reset = () => setValue(initialValueRef.current);
+        form.addEventListener('reset', reset);
+        return () => form.removeEventListener('reset', reset);
+      }
+    }, [control, setValue]);
 
     return (
       <RadioGroupProvider
@@ -107,7 +119,7 @@ const RadioGroup = React.forwardRef<RadioGroupElement, RadioGroupProps>(
             data-disabled={disabled ? '' : undefined}
             dir={direction}
             {...groupProps}
-            ref={forwardedRef}
+            ref={composedRefs}
           />
         </RovingFocusGroup.Root>
       </RadioGroupProvider>
diff --git a/packages/react/select/src/select.test.tsx b/packages/react/select/src/select.test.tsx
index 6a140906cd..f7b90b8018 100644
--- a/packages/react/select/src/select.test.tsx
+++ b/packages/react/select/src/select.test.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react';
 import { afterEach, describe, it, expect } from 'vitest';
 import * as Select from './select';
 
@@ -14,10 +14,10 @@ const SelectTest = (props: React.ComponentProps<typeof Select.Root>) => (
     <Select.Portal>
       <Select.Content position="popper">
         <Select.Viewport>
-          <Select.Item value="apple">
+          <Select.Item value="apple" data-testid="item-apple">
             <Select.ItemText>Apple</Select.ItemText>
           </Select.Item>
-          <Select.Item value="banana">
+          <Select.Item value="banana" data-testid="item-banana">
             <Select.ItemText>Banana</Select.ItemText>
           </Select.Item>
         </Select.Viewport>
@@ -140,3 +140,87 @@ describe('clearing an optional value (#2706)', () => {
     expect(emptyOptions).toHaveLength(1);
   });
 });
+
+describe('given a Select in a form that is reset', () => {
+  afterEach(cleanup);
+
+  describe('uncontrolled', () => {
+    it('should restore its `defaultValue` when the form is reset', async () => {
+      render(
+        <form>
+          {/* Keep the content open so the items (and their selection state) stay mounted. */}
+          <SelectTest name="fruit" defaultValue="apple" open onOpenChange={() => {}} />
+          <button type="reset">Reset</button>
+        </form>,
+      );
+
+      const apple = await screen.findByTestId('item-apple');
+      const banana = screen.getByTestId('item-banana');
+      expect(apple).toHaveAttribute('data-state', 'checked');
+
+      act(() => fireEvent.click(banana));
+      expect(banana).toHaveAttribute('data-state', 'checked');
+      expect(apple).toHaveAttribute('data-state', 'unchecked');
+
+      act(() => fireEvent.click(screen.getByText('Reset')));
+      expect(apple).toHaveAttribute('data-state', 'checked');
+      expect(banana).toHaveAttribute('data-state', 'unchecked');
+    });
+
+    it('should restore the placeholder when reset with no initial value', async () => {
+      render(
+        <form>
+          {/* Keep the content open so the items (and their selection state) stay mounted. */}
+          <SelectTest name="fruit" open onOpenChange={() => {}} />
+          <button type="reset">Reset</button>
+        </form>,
+      );
+
+      const banana = await screen.findByTestId('item-banana');
+      // No value selected initially, so the placeholder is shown.
+      expect(screen.getByText(PLACEHOLDER_TEXT)).toBeInTheDocument();
+
+      act(() => fireEvent.click(banana));
+      expect(banana).toHaveAttribute('data-state', 'checked');
+      expect(screen.queryByText(PLACEHOLDER_TEXT)).not.toBeInTheDocument();
+
+      act(() => fireEvent.click(screen.getByText('Reset')));
+      expect(banana).toHaveAttribute('data-state', 'unchecked');
+      expect(screen.getByText(PLACEHOLDER_TEXT)).toBeInTheDocument();
+    });
+  });
+
+  describe('controlled', () => {
+    it('should restore its initial `value` when the form is reset', async () => {
+      function ControlledSelect() {
+        const [value, setValue] = React.useState('apple');
+        return (
+          <form>
+            <SelectTest
+              name="fruit"
+              value={value}
+              onValueChange={setValue}
+              open
+              onOpenChange={() => {}}
+            />
+            <button type="reset">Reset</button>
+          </form>
+        );
+      }
+
+      render(<ControlledSelect />);
+
+      const apple = await screen.findByTestId('item-apple');
+      const banana = screen.getByTestId('item-banana');
+      expect(apple).toHaveAttribute('data-state', 'checked');
+
+      act(() => fireEvent.click(banana));
+      expect(banana).toHaveAttribute('data-state', 'checked');
+      expect(apple).toHaveAttribute('data-state', 'unchecked');
+
+      act(() => fireEvent.click(screen.getByText('Reset')));
+      expect(apple).toHaveAttribute('data-state', 'checked');
+      expect(banana).toHaveAttribute('data-state', 'unchecked');
+    });
+  });
+});
diff --git a/packages/react/select/src/select.tsx b/packages/react/select/src/select.tsx
index 14cd1f4001..bcad781139 100644
--- a/packages/react/select/src/select.tsx
+++ b/packages/react/select/src/select.tsx
@@ -185,6 +185,16 @@ function SelectProvider(props: ScopedProps<SelectProviderProps>) {
   });
   const triggerPointerDownPosRef = React.useRef<{ x: number; y: number } | null>(null);
 
+  const initialValueRef = React.useRef(value);
+  React.useEffect(() => {
+    const associatedForm = trigger?.form;
+    if (associatedForm) {
+      const reset = () => setValue(initialValueRef.current);
+      associatedForm.addEventListener('reset', reset);
+      return () => associatedForm.removeEventListener('reset', reset);
+    }
+  }, [trigger, setValue]);
+
   // We set this to true by default so that events bubble to forms without JS (SSR)
   const isFormControl = trigger ? !!form || !!trigger.closest('form') : true;
   const [nativeOptionsSet, setNativeOptionsSet] = React.useState(new Set<NativeOption>());
diff --git a/packages/react/slider/src/slider.test.tsx b/packages/react/slider/src/slider.test.tsx
index 914060d618..36eaf9545e 100644
--- a/packages/react/slider/src/slider.test.tsx
+++ b/packages/react/slider/src/slider.test.tsx
@@ -54,4 +54,59 @@ describe('Slider', () => {
 
     expect(getThumbValue()).toBeCloseTo(1.5e-7, 12);
   });
+
+  describe('within a form that is reset', () => {
+    function renderSliderInForm(props: React.ComponentProps<typeof Slider.Root>) {
+      return render(
+        <form>
+          <Slider.Root {...props}>
+            <Slider.Track>
+              <Slider.Range />
+            </Slider.Track>
+            <Slider.Thumb />
+          </Slider.Root>
+          <button type="reset">Reset</button>
+        </form>,
+      );
+    }
+
+    it('should restore its `defaultValue` when the form is reset (uncontrolled)', async () => {
+      const user = userEvent.setup();
+      renderSliderInForm({ name: 'volume', defaultValue: [20], min: 0, max: 100 });
+
+      await user.tab();
+      await user.keyboard('{ArrowRight}');
+      expect(getThumbValue()).toBe(21);
+
+      await user.click(screen.getByText('Reset'));
+      expect(getThumbValue()).toBe(20);
+    });
+
+    it('should restore its initial `value` when the form is reset (controlled)', async () => {
+      function ControlledSlider() {
+        const [value, setValue] = React.useState([20]);
+        return (
+          <form>
+            <Slider.Root name="volume" value={value} onValueChange={setValue} min={0} max={100}>
+              <Slider.Track>
+                <Slider.Range />
+              </Slider.Track>
+              <Slider.Thumb />
+            </Slider.Root>
+            <button type="reset">Reset</button>
+          </form>
+        );
+      }
+
+      const user = userEvent.setup();
+      render(<ControlledSlider />);
+
+      await user.tab();
+      await user.keyboard('{ArrowRight}');
+      expect(getThumbValue()).toBe(21);
+
+      await user.click(screen.getByText('Reset'));
+      expect(getThumbValue()).toBe(20);
+    });
+  });
 });
diff --git a/packages/react/slider/src/slider.tsx b/packages/react/slider/src/slider.tsx
index ecdaf3738b..f33a73ce8e 100644
--- a/packages/react/slider/src/slider.tsx
+++ b/packages/react/slider/src/slider.tsx
@@ -112,6 +112,8 @@ const Slider = React.forwardRef<SliderElement, SliderProps>(
     const isKeyboardInteractionRef = React.useRef(false);
     const isHorizontal = orientation === 'horizontal';
     const SliderOrientation = isHorizontal ? SliderHorizontal : SliderVertical;
+    const [control, setControl] = React.useState<SliderElement | null>(null);
+    const composedRefs = useComposedRefs(forwardedRef, setControl);
 
     const [values = [], setValues] = useControllableState({
       prop: value,
@@ -128,6 +130,16 @@ const Slider = React.forwardRef<SliderElement, SliderProps>(
     });
     const valuesBeforeSlideStartRef = React.useRef(values);
 
+    const initialValuesRef = React.useRef(values);
+    React.useEffect(() => {
+      const associatedForm = control?.closest('form');
+      if (associatedForm) {
+        const reset = () => setValues(initialValuesRef.current);
+        associatedForm.addEventListener('reset', reset);
+        return () => associatedForm.removeEventListener('reset', reset);
+      }
+    }, [control, setValues]);
+
     function handleSlideStart(value: number) {
       const closestIndex = getClosestValueIndex(values, value);
       updateValues(value, closestIndex);
@@ -181,7 +193,7 @@ const Slider = React.forwardRef<SliderElement, SliderProps>(
               aria-disabled={disabled}
               data-disabled={disabled ? '' : undefined}
               {...sliderProps}
-              ref={forwardedRef}
+              ref={composedRefs}
               onPointerDown={composeEventHandlers(sliderProps.onPointerDown, () => {
                 if (!disabled) {
                   valuesBeforeSlideStartRef.current = values;
diff --git a/packages/react/switch/src/switch.test.tsx b/packages/react/switch/src/switch.test.tsx
index 02fc2f0736..6b963d4334 100644
--- a/packages/react/switch/src/switch.test.tsx
+++ b/packages/react/switch/src/switch.test.tsx
@@ -1,7 +1,10 @@
+import * as React from 'react';
 import * as Switch from './switch';
-import { cleanup, render } from '@testing-library/react';
+import { act, cleanup, fireEvent, render, screen } from '@testing-library/react';
 import { afterEach, describe, it, expect } from 'vitest';
 
+const SWITCH_ROLE = 'switch';
+
 describe('given a default Switch', () => {
   afterEach(cleanup);
 
@@ -25,3 +28,56 @@ describe('given a default Switch', () => {
     expect(cleanedUp).toBe(true);
   });
 });
+
+describe('given a Switch in a form', () => {
+  afterEach(cleanup);
+
+  describe('uncontrolled', () => {
+    it('should restore its `defaultChecked` value when the form is reset', () => {
+      render(
+        <form>
+          <Switch.Root name="notifications" defaultChecked>
+            <Switch.Thumb />
+          </Switch.Root>
+          <button type="reset">Reset</button>
+        </form>,
+      );
+
+      const switchControl = screen.getByRole(SWITCH_ROLE);
+      expect(switchControl).toHaveAttribute('aria-checked', 'true');
+
+      act(() => fireEvent.click(switchControl));
+      expect(switchControl).toHaveAttribute('aria-checked', 'false');
+
+      act(() => fireEvent.click(screen.getByText('Reset')));
+      expect(switchControl).toHaveAttribute('aria-checked', 'true');
+    });
+  });
+
+  describe('controlled', () => {
+    it('should restore its initial `checked` value when the form is reset', () => {
+      function ControlledSwitch() {
+        const [checked, setChecked] = React.useState(true);
+        return (
+          <form>
+            <Switch.Root name="notifications" checked={checked} onCheckedChange={setChecked}>
+              <Switch.Thumb />
+            </Switch.Root>
+            <button type="reset">Reset</button>
+          </form>
+        );
+      }
+
+      render(<ControlledSwitch />);
+
+      const switchControl = screen.getByRole(SWITCH_ROLE);
+      expect(switchControl).toHaveAttribute('aria-checked', 'true');
+
+      act(() => fireEvent.click(switchControl));
+      expect(switchControl).toHaveAttribute('aria-checked', 'false');
+
+      act(() => fireEvent.click(screen.getByText('Reset')));
+      expect(switchControl).toHaveAttribute('aria-checked', 'true');
+    });
+  });
+});
diff --git a/packages/react/switch/src/switch.tsx b/packages/react/switch/src/switch.tsx
index 90f9b1ef48..668e540c3f 100644
--- a/packages/react/switch/src/switch.tsx
+++ b/packages/react/switch/src/switch.tsx
@@ -119,6 +119,7 @@ interface SwitchTriggerProps extends Omit<
 const SwitchTrigger = React.forwardRef<HTMLButtonElement, SwitchTriggerProps>(
   ({ __scopeSwitch, onClick, ...switchProps }: ScopedProps<SwitchTriggerProps>, forwardedRef) => {
     const {
+      control,
       value,
       disabled,
       checked,
@@ -131,6 +132,16 @@ const SwitchTrigger = React.forwardRef<HTMLButtonElement, SwitchTriggerProps>(
     } = useSwitchContext(TRIGGER_NAME, __scopeSwitch);
     const composedRefs = useComposedRefs(forwardedRef, setControl);
 
+    const initialCheckedStateRef = React.useRef(checked);
+    React.useEffect(() => {
+      const form = control?.form;
+      if (form) {
+        const reset = () => setChecked(initialCheckedStateRef.current);
+        form.addEventListener('reset', reset);
+        return () => form.removeEventListener('reset', reset);
+      }
+    }, [control, setChecked]);
+
     return (
       <Primitive.button
         type="button"