diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 000000000..c4b48c365
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,3 @@
+tasks:
+  - init: npm install && npm run build
+    command: npm run start
diff --git a/README.md b/README.md
index 9f98163c6..9089853a3 100644
--- a/README.md
+++ b/README.md
@@ -45,6 +45,12 @@ to the minified file in the head of your HTML file.
 <link rel="stylesheet" href="https://unpkg.com/tachyons@4/css/tachyons.min.css">
 ```
 
+### Online One-click Setup
+
+With the one-click online setup, you'll get a ready to code workspace where the repo is already cloned, dependencies are pre-installed and `yarn start` watching for changes so that you can start straight away without wasting time on the setup.
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/from-referrer/)
+
 ### Local Setup
 
 Clone the repo from Github and install dependencies through npm.