diff --git a/.github/contributing.md b/.github/contributing.md
index a0c48a0..e50fd18 100644
--- a/.github/contributing.md
+++ b/.github/contributing.md
@@ -31,6 +31,10 @@ Try to solve a problem for each pull request, this increases the chances of acce
 1. Push to the branch: `git push origin my-feature-name`
 1. Submit a pull request!
 
+You can do all of this from yoru browser using Gitpod, the free online dev environment.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/milligram/milligram)
+
 *Note: For issues relating to the site, please use the [milligram.github.io](https://github.com/milligram/milligram.github.io)*
 
 
diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..b9dee00
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,14 @@
+tasks:
+- init: yarn install
+  command: yarn start
+
+# list the ports to be exposed
+ports:
+- port: 3000
+  onOpen: open-preview
+- port: 3001
+  onOpen: ignore
+
+vscode:
+  extensions:
+    - syler.sass-indented@1.6.7:gAbIL/5IWvH0xYAbwe0Vag==
\ No newline at end of file
diff --git a/readme.md b/readme.md
index 2796779..346b434 100644
--- a/readme.md
+++ b/readme.md
@@ -2,6 +2,7 @@
 
 > A minimalist CSS framework.
 
+[![Setup Automated](https://img.shields.io/badge/setup-automated-blue?logo=gitpod)](https://gitpod.io/from-referrer/)
 [![Travis Status](https://travis-ci.org/milligram/milligram.svg?branch=master)](https://travis-ci.org/milligram/milligram?branch=master)
 [![AppVeyor Status](https://ci.appveyor.com/api/projects/status/xcm8meymwerq0r82?svg=true)](https://ci.appveyor.com/project/cjpatoilo/milligram)
 [![Codacy Status](https://img.shields.io/codacy/grade/848fb4bd6902434fab0bcfb5461284fe/master.svg)](https://www.codacy.com/app/milligram/milligram/dashboard)