diff --git a/server/dmodule.ts b/server/dmodule.ts
index 33f5930..24fb6c8 100644
--- a/server/dmodule.ts
+++ b/server/dmodule.ts
@@ -1,6 +1,8 @@
 import { signal } from "@preact/signals";
 import type {
     MdDialog as _MdDialog,
+    MdMenu as _MdMenu,
+    MdMenuItem as _MdMenuItem,
     MdOutlinedButton as _MdOutlinedButton,
     MdOutlinedSelect as _MdOutlinedSelect,
     MdOutlinedTextField as _MdOutlinedTextField,
@@ -33,6 +35,10 @@ export const MdDialog = signal<typeof _MdDialog | undefined>(undefined);
 
 export const MdTextButton = signal<typeof _MdTextButton | undefined>(undefined);
 
+export const MdMenu = signal<typeof _MdMenu | undefined>(undefined);
+
+export const MdMenuItem = signal<typeof _MdMenuItem | undefined>(undefined);
+
 export async function load_dmodule() {
     const md3 = await import("./md3.ts");
     MdOutlinedTextField.value = md3.MdOutlinedTextField;
@@ -42,4 +48,6 @@ export async function load_dmodule() {
     MdOutlinedSelect.value = md3.MdOutlinedSelect;
     MdDialog.value = md3.MdDialog;
     MdTextButton.value = md3.MdTextButton;
+    MdMenu.value = md3.MdMenu;
+    MdMenuItem.value = md3.MdMenuItem;
 }
diff --git a/server/md3.ts b/server/md3.ts
index ff271dd..e975b3e 100644
--- a/server/md3.ts
+++ b/server/md3.ts
@@ -1,10 +1,12 @@
-import { MdOutlinedTextField as _MdOutlinedTextField } from "@material/web/textfield/outlined-text-field.js?dts=1";
-import { MdOutlinedButton as _MdOutlinedButton } from "@material/web/button/outlined-button.js?dts=1";
-import { MdTonalButton as _MdTonalButton } from "@material/web/button/tonal-button.js?dts=1";
-import { MdSelectOption as _MdSelectOption } from "@material/web/select/select-option.js?dts=1";
-import { MdOutlinedSelect as _MdOutlinedSelect } from "@material/web/select/outlined-select.js?dts=1";
-import { MdDialog as _MdDialog } from "@material/web/dialog/dialog.js?dts=1";
-import { MdTextButton as _MdTextButton } from "@material/web/button/text-button.js?dts=1";
+import { MdOutlinedTextField as _MdOutlinedTextField } from "@material/web/textfield/outlined-text-field.js?module";
+import { MdOutlinedButton as _MdOutlinedButton } from "@material/web/button/outlined-button.js?module";
+import { MdTonalButton as _MdTonalButton } from "@material/web/button/tonal-button.js?module";
+import { MdSelectOption as _MdSelectOption } from "@material/web/select/select-option.js?module";
+import { MdOutlinedSelect as _MdOutlinedSelect } from "@material/web/select/outlined-select.js?module";
+import { MdDialog as _MdDialog } from "@material/web/dialog/dialog.js?module";
+import { MdTextButton as _MdTextButton } from "@material/web/button/text-button.js?module";
+import { MdMenu as _MdMenu } from "@material/web/menu/menu.js?module";
+import { MdMenuItem as _MdMenuItem } from "@material/web/menu/menu-item.js?module";
 import { createComponent } from "@lit-labs/react/?target=es2022";
 import * as Preact from "preact/compat";
 
@@ -67,6 +69,20 @@ export const MdTextButton = createComponent({
     react: Preact,
 });
 
+export const MdMenu = createComponent({
+    tagName: "md-menu",
+    elementClass: _MdMenu,
+    // @ts-ignore Checked
+    react: Preact,
+});
+
+export const MdMenuItem = createComponent({
+    tagName: "md-menu-item",
+    elementClass: _MdMenuItem,
+    // @ts-ignore Checked
+    react: Preact,
+});
+
 export { _MdOutlinedTextField };
 export { _MdOutlinedButton };
 export { _MdTonalButton };
@@ -74,3 +90,5 @@ export { _MdSelectOption };
 export { _MdOutlinedSelect };
 export { _MdDialog };
 export { _MdTextButton };
+export { _MdMenu };
+export { _MdMenuItem };