diff --git a/.config/rollup.config.js b/.config/rollup.config.js
index 382159ccc..83577936d 100644
--- a/.config/rollup.config.js
+++ b/.config/rollup.config.js
@@ -193,7 +193,9 @@ const configs = {
         contentBase: 'test/visual',
         port: 1234,
       }),
-      livereload(),
+      livereload({
+        clientUrl: process.env.CLIENT_URL
+      }),
     ],
     output: {
       file: 'test/visual/dist/bundle.js',
diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 000000000..76b835c5a
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,22 @@
+tasks:
+  - name: Rollup
+    init: |
+      yarn install
+      gp sync-done install
+    command: |
+      export CLIENT_URL="$(gp url 35729)/livereload.js?snipver=1&port=443"
+      yarn dev
+
+  - name: Website
+    before: cd website/
+    init: |
+      gp sync-await install
+      yarn install
+    command: yarn dev
+    openMode: split-right
+
+ports:
+  - port: 1234
+    onOpen: open-preview
+  - port: 8000
+    onOpen: open-preview
diff --git a/README.md b/README.md
index 42cbc8d2c..20ed57b9a 100644
--- a/README.md
+++ b/README.md
@@ -11,6 +11,9 @@
   <a href="https://github.com/atomiks/tippyjs/blob/master/LICENSE">
     <img src="https://img.shields.io/npm/l/tippy.js.svg?color=%23c677cf&style=for-the-badge" alt="MIT License">
   </a>
+  <a href="https://gitpod.io/from-referrer/">
+   <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod&style=for-the-badge" alt="Gitpod Ready-to-Code">
+  </a>
   <br>
   <br>
 </div>