diff --git a/blocks/procomponents/.umirc.js b/blocks/procomponents/.umirc.js
new file mode 100644
index 0000000..51b6b47
--- /dev/null
+++ b/blocks/procomponents/.umirc.js
@@ -0,0 +1,10 @@
+export default {
+    plugins: [
+      [
+        'umi-plugin-block-dev',
+        {
+          layout: 'ant-design-pro',
+        },
+      ],
+    ],
+  };
\ No newline at end of file
diff --git a/blocks/procomponents/package.json b/blocks/procomponents/package.json
new file mode 100644
index 0000000..ca59262
--- /dev/null
+++ b/blocks/procomponents/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "procomponents",
+  "description": "ProComponents block of umi, with antd.",
+  "dependencies": {
+    "antd": "^4.14.0"
+  },
+  "devDependencies": {
+  },
+  "block": {
+    "category": "脚手架"
+  },
+  "scripts":{
+
+  }
+}
\ No newline at end of file
diff --git a/blocks/procomponents/snapshot.png b/blocks/procomponents/snapshot.png
new file mode 100644
index 0000000..1355d0d
Binary files /dev/null and b/blocks/procomponents/snapshot.png differ
diff --git a/blocks/procomponents/src/index.less b/blocks/procomponents/src/index.less
new file mode 100644
index 0000000..f7b3489
--- /dev/null
+++ b/blocks/procomponents/src/index.less
@@ -0,0 +1,3 @@
+.container {
+    color: blue;
+  }
\ No newline at end of file
diff --git a/blocks/procomponents/src/index.ts b/blocks/procomponents/src/index.ts
new file mode 100644
index 0000000..5af7670
--- /dev/null
+++ b/blocks/procomponents/src/index.ts
@@ -0,0 +1,7 @@
+import React from 'react';
+import { Button } from 'antd';
+import styles from './index.less';
+
+export default () => {
+  return <Button className={styles.container}>Hello UmiJS!</Button>;
+}
\ No newline at end of file