diff --git a/src/components/LevelCard.jsx b/src/components/LevelCard.jsx
new file mode 100644
index 0000000..3b16c38
--- /dev/null
+++ b/src/components/LevelCard.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+const LevelCard = ({ level, current, next }) => {
+  return (
+    <div className="border p-4 rounded shadow mb-4 bg-white">
+      <h2 className="text-xl font-bold mb-2">当前等级：Lv.{level}</h2>
+      <p>当前经验：{current}</p>
+      <p>升级所需经验：{next}</p>
+      <progress value={current} max={next} className="w-full mt-2" />
+    </div>
+  );
+};
+
+export default LevelCard;