diff --git a/README.md b/README.md
new file mode 100644
index 00000000..bbd1c038
--- /dev/null
+++ b/README.md
@@ -0,0 +1,106 @@
+<p align="center">
+    <img src="https://fantastic-admin.netlify.app/logo.png" width="200" height="200" />
+</p>
+
+<h1 align="center">Fantastic-admin</h1>
+
+<p align="center">一款<b>开箱即用</b>的 Vue 中后台管理系统框架</p>
+
+<p align="center">
+    <a href="https://fantastic-admin.netlify.app" target="_blank">官网</a>
+    ( <a href="https://gitee.com/hooray/fantastic-admin/tree/docs" target="_blank">备用</a> )
+    <span>&nbsp;|&nbsp;</span>
+    演示
+    ( <a href="https://fantastic-admin.netlify.app/vue3/basic" target="_blank">基础版</a>
+    <a href="https://fantastic-admin.netlify.app/vue3/pro" target="_blank">专业版</a> )
+    <span>&nbsp;|&nbsp;</span>
+    <a href="https://fantastic-admin.netlify.app/support.html" target="_blank">技术支持</a>
+    <span>&nbsp;|&nbsp;</span>
+    <a href="https://fantastic-admin.netlify.app/buy.html" target="_blank">购买</a>
+<p>
+
+## 特点
+
+- 丰富的布局与主题，覆盖市面上各种中后台应用场景，兼容PC、平板和移动端
+- 提供系统配置文件，轻松实现个性化定制
+- 精心设计的动效，让每一处的动画都干净利落
+- 根据路由配置自动生成导航栏
+- 基于文件系统的路由
+- 支持全方位权限验证
+- 内置多级路由最佳缓存方案
+- 轻松实现国际化多语言适配
+- 提供接近于浏览器原生标签栏操作体验的标签页功能
+
+## 分支说明
+
+> 基础版可免费下载用于商业使用。
+> 
+> 建议刚接触的开发者，可以在本地同时下载并运行演示分支和模版分支，模版分支用于项目开发，演示分支可做为示例参考。
+
+- `master` Vue3 版本框架源码分支，可直接用于实际开发
+- `example` Vue3 版本演示源码分支，同演示站，可用于参考学习
+- `vue2` Vue2 版本框架源码分支，可直接用于实际开发（停止维护）
+- `vue2-example` Vue2 版本演示源码分支，同演示站，可用于参考学习（停止维护）
+
+## 预览
+
+> 预览截图为 Vue3 专业版
+
+<table>
+    <tr>
+        <td><img src="https://fantastic-admin.netlify.app/preview1.png" /></td>
+        <td><img src="https://fantastic-admin.netlify.app/preview2.png" /></td>
+        <td><img src="https://fantastic-admin.netlify.app/preview3.png" /></td>
+    </tr>
+    <tr>
+        <td><img src="https://fantastic-admin.netlify.app/preview4.png" /></td>
+        <td><img src="https://fantastic-admin.netlify.app/preview5.png" /></td>
+        <td><img src="https://fantastic-admin.netlify.app/preview6.png" /></td>
+    </tr>
+</table>
+
+## 支持
+
+如果觉得 Fantastic-admin 这个框架不错，或者已经在使用了，希望你可以在 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。
+
+[![star](https://img.shields.io/github/stars/hooray/fantastic-admin?style=social)](https://github.com/hooray/fantastic-admin/stargazers)
+
+[![star](https://gitee.com/hooray/fantastic-admin/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-admin/stargazers)
+
+## 生态
+
+<table>
+    <tr>
+        <th colspan="3" align="center">
+            <a href="https://fantastic-template.netlify.app" target="_blank">Fantastic-template</a>
+        </th>
+    </tr>
+    <tr>
+        <th colspan="3" align="center">
+            一款开箱即用的 Vue 项目模版
+        </th>
+    </tr>
+</table>
+
+<table>
+    <tr>
+        <th colspan="3" align="center">
+            <a href="https://one-step-admin.netlify.app" target="_blank">One-step-admin</a>
+        </th>
+    </tr>
+    <tr>
+        <th colspan="3" align="center">
+            一款干啥都快人一步的 Vue 中后台管理系统框架
+        </th>
+    </tr>
+    <tr>
+        <td><img src="https://one-step-admin.netlify.app/preview1.png" /></td>
+        <td><img src="https://one-step-admin.netlify.app/preview2.png" /></td>
+        <td><img src="https://one-step-admin.netlify.app/preview3.png" /></td>
+    </tr>
+    <tr>
+        <td><img src="https://one-step-admin.netlify.app/preview4.png" /></td>
+        <td><img src="https://one-step-admin.netlify.app/preview5.png" /></td>
+        <td><img src="https://one-step-admin.netlify.app/preview6.png" /></td>
+    </tr>
+</table>