diff --git a/apps/web-antd/src/components/glass-card/GlassCard.vue b/apps/web-antd/src/components/glass-card/GlassCard.vue
new file mode 100644
index 000000000..59f28350f
--- /dev/null
+++ b/apps/web-antd/src/components/glass-card/GlassCard.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const props = defineProps<{
+  class?: string | string[] | Record<string, boolean>;
+}>();
+</script>
+
+<template>
+  <div
+    :class="[
+      'glass-card glass-border glass-shadow glass-highlight',
+      'rounded-[2rem] text-card-foreground',
+      'transition-all duration-300 ease-out',
+      'hover:-translate-y-1 hover:glass-shadow-hover',
+      props.class,
+    ]"
+  >
+    <slot></slot>
+  </div>
+</template>
+
diff --git a/apps/web-antd/src/components/glass-card/index.ts b/apps/web-antd/src/components/glass-card/index.ts
new file mode 100644
index 000000000..d5c580c75
--- /dev/null
+++ b/apps/web-antd/src/components/glass-card/index.ts
@@ -0,0 +1,2 @@
+export { default as GlassCard } from './GlassCard.vue';
+
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/GlassCard.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/GlassCard.vue
new file mode 100644
index 000000000..868605fa5
--- /dev/null
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/GlassCard.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { cn } from '@vben-core/shared/utils';
+
+const props = defineProps<{
+  class?: any;
+}>();
+</script>
+
+<template>
+  <div
+    :class="
+      cn(
+        'glass-card glass-border glass-shadow glass-highlight',
+        'rounded-[2rem] text-card-foreground',
+        'transition-all duration-300 ease-out',
+        'hover:-translate-y-1 hover:glass-shadow-hover',
+        props.class,
+      )
+    "
+  >
+    <slot></slot>
+  </div>
+</template>
+
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/index.ts b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/index.ts
new file mode 100644
index 000000000..d5c580c75
--- /dev/null
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/glass-card/index.ts
@@ -0,0 +1,2 @@
+export { default as GlassCard } from './GlassCard.vue';
+
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts b/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts
index 1be71f862..9e218f254 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/index.ts
@@ -9,6 +9,7 @@ export * from './checkbox';
 export * from './dialog';
 export * from './dropdown-menu';
 export * from './form';
+export * from './glass-card';
 export * from './hover-card';
 export * from './input';
 export * from './label';
diff --git a/packages/effects/common-ui/src/components/index.ts b/packages/effects/common-ui/src/components/index.ts
index 3bc11325f..7e0ebea5c 100644
--- a/packages/effects/common-ui/src/components/index.ts
+++ b/packages/effects/common-ui/src/components/index.ts
@@ -34,6 +34,7 @@ export {
   VbenPinInput,
   VbenSelect,
   VbenSpinner,
+  GlassCard,
 } from '@vben-core/shadcn-ui';
 
 export type { FlattenedItem } from '@vben-core/shadcn-ui';