diff --git a/package-lock.json b/package-lock.json
index b031256..952fde7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1626,6 +1626,18 @@
         "lit": "^3.0.0"
       }
     },
+    "node_modules/@vaadin/card": {
+      "version": "24.6.0-alpha9",
+      "resolved": "https://registry.npmjs.org/@vaadin/card/-/card-24.6.0-alpha9.tgz",
+      "integrity": "sha512-Ewos8yAASDl4gT2D2p8KrOfOQimovXwTmhYQU+57+QUCjW2u5CJwoUEEXBtLOoZrAdXjo4i1E2AwhyVlqzGkQQ==",
+      "dependencies": {
+        "@vaadin/component-base": "24.6.0-alpha9",
+        "@vaadin/vaadin-lumo-styles": "24.6.0-alpha9",
+        "@vaadin/vaadin-material-styles": "24.6.0-alpha9",
+        "@vaadin/vaadin-themable-mixin": "24.6.0-alpha9",
+        "lit": "^3.0.0"
+      }
+    },
     "node_modules/@vaadin/charts": {
       "version": "24.6.0-alpha9",
       "resolved": "https://registry.npmjs.org/@vaadin/charts/-/charts-24.6.0-alpha9.tgz",
@@ -7499,6 +7511,7 @@
         "@vaadin/avatar": "24.6.0-alpha9",
         "@vaadin/avatar-group": "24.6.0-alpha9",
         "@vaadin/button": "24.6.0-alpha9",
+        "@vaadin/card": "24.6.0-alpha9",
         "@vaadin/checkbox": "24.6.0-alpha9",
         "@vaadin/checkbox-group": "24.6.0-alpha9",
         "@vaadin/combo-box": "24.6.0-alpha9",
@@ -8701,6 +8714,18 @@
         "lit": "^3.0.0"
       }
     },
+    "@vaadin/card": {
+      "version": "24.6.0-alpha9",
+      "resolved": "https://registry.npmjs.org/@vaadin/card/-/card-24.6.0-alpha9.tgz",
+      "integrity": "sha512-Ewos8yAASDl4gT2D2p8KrOfOQimovXwTmhYQU+57+QUCjW2u5CJwoUEEXBtLOoZrAdXjo4i1E2AwhyVlqzGkQQ==",
+      "requires": {
+        "@vaadin/component-base": "24.6.0-alpha9",
+        "@vaadin/vaadin-lumo-styles": "24.6.0-alpha9",
+        "@vaadin/vaadin-material-styles": "24.6.0-alpha9",
+        "@vaadin/vaadin-themable-mixin": "24.6.0-alpha9",
+        "lit": "^3.0.0"
+      }
+    },
     "@vaadin/charts": {
       "version": "24.6.0-alpha9",
       "resolved": "https://registry.npmjs.org/@vaadin/charts/-/charts-24.6.0-alpha9.tgz",
@@ -9359,6 +9384,7 @@
         "@vaadin/avatar": "24.6.0-alpha9",
         "@vaadin/avatar-group": "24.6.0-alpha9",
         "@vaadin/button": "24.6.0-alpha9",
+        "@vaadin/card": "24.6.0-alpha9",
         "@vaadin/checkbox": "24.6.0-alpha9",
         "@vaadin/checkbox-group": "24.6.0-alpha9",
         "@vaadin/combo-box": "24.6.0-alpha9",
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
index 0f0f9a5..1740c3c 100644
--- a/packages/react-components/package.json
+++ b/packages/react-components/package.json
@@ -33,6 +33,7 @@
     "@vaadin/avatar": "24.6.0-alpha9",
     "@vaadin/avatar-group": "24.6.0-alpha9",
     "@vaadin/button": "24.6.0-alpha9",
+    "@vaadin/card": "24.6.0-alpha9",
     "@vaadin/checkbox": "24.6.0-alpha9",
     "@vaadin/checkbox-group": "24.6.0-alpha9",
     "@vaadin/combo-box": "24.6.0-alpha9",
@@ -147,6 +148,10 @@
       "types": "./Button.d.ts",
       "default": "./Button.js"
     },
+    "./Card.js": {
+      "types": "./Card.d.ts",
+      "default": "./Card.js"
+    },
     "./Checkbox.js": {
       "types": "./Checkbox.d.ts",
       "default": "./Checkbox.js"
@@ -402,6 +407,7 @@
     "./Avatar": "./Avatar.js",
     "./AvatarGroup": "./AvatarGroup.js",
     "./Button": "./Button.js",
+    "./Card": "./Card.js",
     "./Checkbox": "./Checkbox.js",
     "./CheckboxGroup": "./CheckboxGroup.js",
     "./ComboBox": "./ComboBox.js",
diff --git a/packages/react-components/src/Card.ts b/packages/react-components/src/Card.ts
new file mode 100644
index 0000000..e886dc8
--- /dev/null
+++ b/packages/react-components/src/Card.ts
@@ -0,0 +1 @@
+export * from './generated/Card.js';