diff --git a/src/panels/lovelace/custom-card-helpers.ts b/src/panels/lovelace/custom-card-helpers.ts
new file mode 100644
index 0000000000..0de17cc064
--- /dev/null
+++ b/src/panels/lovelace/custom-card-helpers.ts
@@ -0,0 +1,5 @@
+export { createRowElement } from "./create-element/create-row-element";
+export { createCardElement } from "./create-element/create-card-element";
+export { createBadgeElement } from "./create-element/create-badge-element";
+export { createHeaderFooterElement } from "./create-element/create-header-footer-element";
+export { createHuiElement } from "./create-element/create-hui-element";
diff --git a/src/panels/lovelace/ha-panel-lovelace.ts b/src/panels/lovelace/ha-panel-lovelace.ts
index d31014fc74..ffea13db6a 100644
--- a/src/panels/lovelace/ha-panel-lovelace.ts
+++ b/src/panels/lovelace/ha-panel-lovelace.ts
@@ -25,6 +25,8 @@ import { showSaveDialog } from "./editor/show-save-config-dialog";
 import { generateLovelaceConfigFromHass } from "./common/generate-lovelace-config";
 import { showToast } from "../../util/toast";
 
+(window as any).loadCardHelpers = () => import("./custom-card-helpers");
+
 interface LovelacePanelConfig {
   mode: "yaml" | "storage";
 }