diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..ea44972
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,9 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
+# and commit this file to your remote git repository to share the goodness with others.
+
+tasks:
+  - init: npm install && npm run build
+    command: npm run start
+
+
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b6b2829..e1db21b 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -37,7 +37,11 @@ Packages:
 1. [landing-page](https://github.com/ayoayco/astro-reactive-library/tree/main/apps/landing-page) - in the directory `apps/landing-page`
     - Astro website for the library's introductory landing page
 
-# Running locally
+   [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/ayoayco/astro-reactive-library.git)
+
+
+
+# Running locally 
 
 We mainly use the `demo` app to see changes we make on the packages. Do the following to start hacking:
 
diff --git a/README.md b/README.md
index 1f84916..9906b09 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,12 @@
   <a href="https://github.com/ayoayco/astro-reactive-library">
     <img alt="Last Commit" src="https://img.shields.io/github/last-commit/ayoayco/astro-reactive-library" />
   </a>
+  <a href="https://gitpod.io/#https://github.com/ayoayco/astro-reactive-library.git">
+  <img
+    src="https://img.shields.io/badge/Contribute%20with-Gitpod-908a85?logo=gitpod"
+    alt="Contribute with Gitpod"
+  />
+</a>
   <br />
   <br />
 <p>