diff --git a/gatsby-config.js b/gatsby-config.js
index 9b0a4e6..086e451 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -31,6 +31,14 @@ module.exports = {
     },
     "gatsby-plugin-emotion",
     `gatsby-plugin-postcss`,
+    {
+      resolve: `gatsby-plugin-github-ribbon`,
+      options: {
+        project: `https://github.com/alrayyes/my-opinionated-gatsby-starter`,
+        color: `gray`, //`red`, `green`, `darkblue`, `orange`, `gray`, or `white`.
+        position: `right`, //`left` or `right`
+      },
+    },
     // this (optional) plugin enables Progressive Web App + Offline functionality
     // To learn more, visit: https://gatsby.dev/offline
     // `gatsby-plugin-offline`,
diff --git a/package.json b/package.json
index 1bd65af..1cd6473 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "gatsby": "^2.23.10",
     "gatsby-image": "^2.4.8",
     "gatsby-plugin-emotion": "^4.3.5",
+    "gatsby-plugin-github-ribbon": "^1.1.0",
     "gatsby-plugin-manifest": "^2.4.13",
     "gatsby-plugin-offline": "^3.2.12",
     "gatsby-plugin-postcss": "^2.3.5",
diff --git a/yarn.lock b/yarn.lock
index 3da1e0d..384338c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8726,6 +8726,11 @@ gatsby-plugin-emotion@^4.3.5:
     "@babel/runtime" "^7.10.2"
     "@emotion/babel-preset-css-prop" "^10.0.27"
 
+gatsby-plugin-github-ribbon@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-github-ribbon/-/gatsby-plugin-github-ribbon-1.1.0.tgz#62edb7370f7fecaa1be341f3407019d751baaade"
+  integrity sha512-/1gLKP86UBHTFXKawwN07hLVk4X2lFQdVYz6aSEMOOeDsfNVDJ5AyDYa/uwph31iN6pY/EISAqNVYQYZM70siQ==
+
 gatsby-plugin-manifest@^2.4.13:
   version "2.4.13"
   resolved "https://registry.yarnpkg.com/gatsby-plugin-manifest/-/gatsby-plugin-manifest-2.4.13.tgz#49e4ed03f46f0d9bbcdd4a9dc4be8d2fb68ecb30"