diff --git a/samples/react-msgraph-extension/.editorconfig b/samples/react-msgraph-extension/.editorconfig
new file mode 100644
index 000000000..8ffcdc4ec
--- /dev/null
+++ b/samples/react-msgraph-extension/.editorconfig
@@ -0,0 +1,25 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+
+# change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# we recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[{package,bower}.json]
+indent_style = space
+indent_size = 2
\ No newline at end of file
diff --git a/samples/react-msgraph-extension/.gitignore b/samples/react-msgraph-extension/.gitignore
new file mode 100644
index 000000000..b19bbe123
--- /dev/null
+++ b/samples/react-msgraph-extension/.gitignore
@@ -0,0 +1,32 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Dependency directories
+node_modules
+
+# Build generated files
+dist
+lib
+solution
+temp
+*.sppkg
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# OSX
+.DS_Store
+
+# Visual Studio files
+.ntvs_analysis.dat
+.vs
+bin
+obj
+
+# Resx Generated Code
+*.resx.ts
+
+# Styles Generated Code
+*.scss.ts
diff --git a/samples/react-msgraph-extension/.yo-rc.json b/samples/react-msgraph-extension/.yo-rc.json
new file mode 100644
index 000000000..e8aad8148
--- /dev/null
+++ b/samples/react-msgraph-extension/.yo-rc.json
@@ -0,0 +1,12 @@
+{
+ "@microsoft/generator-sharepoint": {
+ "version": "1.9.1",
+ "libraryName": "react-msgraph-extension",
+ "libraryId": "7ecf1b13-cb5b-451d-bfda-b11fa316d6c1",
+ "environment": "spo",
+ "packageManager": "npm",
+ "isCreatingSolution": true,
+ "isDomainIsolated": true,
+ "componentType": "webpart"
+ }
+}
\ No newline at end of file
diff --git a/samples/react-msgraph-extension/README.md b/samples/react-msgraph-extension/README.md
new file mode 100644
index 000000000..c55996943
--- /dev/null
+++ b/samples/react-msgraph-extension/README.md
@@ -0,0 +1,68 @@
+## react-msgraph-extension
+
+## Summary
+This sample shows how to managed Microsoft Graph Open Extension in SPFX. This application uses **User** Resource to create Open Extension.
+
+## ScreenShots
+
+### Create a new Microsoft Graph Open Extension
+![Create a new Microsoft Graph Open Extension](./assets/create-graph-extension.png)
+
+### Get an existing Microsoft Graph Open Extension
+![Get existing Microsoft Graph Open Extension](./assets/get-graph-extension.png)
+
+
+## Used SharePoint Framework Version
+![drop](https://img.shields.io/badge/version-1.9.1-green.svg)
+
+## Applies to
+
+* [SharePoint Framework](https:/dev.office.com/sharepoint)
+* [Office 365 tenant](https://dev.office.com/sharepoint/docs/spfx/set-up-your-development-environment)
+
+## Prerequisites
+
+> You need following set of permissions in order to manage Microsoft Open Graph Extension.Find out more about consuming the [Microsoft Graph API in the SharePoint Framework](https://docs.microsoft.com/en-us/sharepoint/dev/spfx/use-aad-tutorial)